CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[JS]Petit problème

Samcar
Samcar
Niveau 8
21 novembre 2007 à 19:53:55

:salut:

J´ai fait un script y´a pas longtemps qui est censé faire une "croix " sur l´écran

Le script est ici :d)
http://kawazaki.110mb.com/js/croix-1.htm

Comme vous avez pu le voir , le truc ne forme pas de croix , et justement je voudrais que l´angle droit des deux rectangles se touchent tout le temps , de manière a faire une croix :-))) Et je n´arrive pas a faire ca :-(

Si y´en a qui saurait le faire , merci de m´aider :)

JeanValJean
JeanValJean
Niveau 9
21 novembre 2007 à 20:59:47

Chez moi ce script marche:

<html>
<script>
function redim(event)
{
var axeX = event.clientX;
var axeY = event.clientY;

document.getElementById(´cadre1´).style.width= event.clientX;
document.getElementById(´cadre1´).style.height= event.clientY;

document.getElementById(´cadre2´).style.width=scre
en.width-event.clientX-9;

document.getElementById(´cadre2´).style.height=scr
een.height-event.clientY-202;
}
</script>
<style>

  1. cadre1

{
border-right:1px solid red;
border-bottom:1px solid red;
width:250;
height:250;
position:absolute;
top:0px;
left:0px;
}

  1. cadre2

{
border-left:1px solid red;
border-top:1px solid red;
width:250;
height:250;
position:absolute;
bottom:0px;
right:0px;
}
</style>
<body onmousemove="redim(event);">

<div id="cadre1" > </div>
<div id="cadre2"> </div>
</body>
</html>

Mais bon j´ai tulisé des valeurs comme 9 et 202 qui doivent dependre de ma resolution, a toi de voir si ca marche chez tout le monde :)

Samcar
Samcar
Niveau 8
21 novembre 2007 à 21:04:36

Merci JVJ :( Mais là chez moi il se passe rien du tout quand je bouge mon curs :(

Samcar
Samcar
Niveau 8
21 novembre 2007 à 21:05:06

Ah non je sais , c´est JVC qui déforme les ´ :(

Superfreak
Superfreak
Niveau 3
21 novembre 2007 à 21:06:19

Ouais JeanValJean ton truc marche mais c´est bien par rapport a la résolution que ca déconne :oui:

deepblue
deepblue
Niveau 16
21 novembre 2007 à 21:41:42

http://geneweb.fr/aide-jv/crois.html

Non testé sur IE.

var axeX = event.clientX;
var axeY = event.clientY;
ne doit pas fonctionner avec ie.

Samcar
Samcar
Niveau 8
22 novembre 2007 à 07:20:06

merci deepblue :bave:

Sous forums
  • Aide à l'achat Mac
  • Steam Deck
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Macintosh
  • Hardware
La vidéo du moment