Discussion :

[Cold Hand]

Hello,

J'ai un problème tout bête, mais j'arrive pas à trouver une solution... Je suis sûr que vous pourrez m'aider Je cherche à connaître la valeur left d'une image pour la modifier. Pour l'instant, j'ai ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
.imagedessous { 
  position:absolute;
  z-index : 1;   
}
 
.imagedessus { 
  position:relative;
  left:620;
  top:450;
  z-index : 2;
}
 
<!-- Du code sans importance dans ce cas... -->
 
<div align="left">
  <img src="./pictures/back.GIF" class="imagedessous">
  <img name="image" src="./pictures/up.GIF" class="imagedessus">
</div>
 
<INPUT TYPE="button" VALUE="Move image" OnClick="if(parseInt(document.myForm.image.style.left) < 1060){document.myForm.image.style.left = parseInt(document.myForm.image.style.left) + 15};"></div>

Lorsque je clique sur mon bouton, je reçois une erreur javascript NaN. Si j'essaie d'afficher la valeur de document.myForm.image.style.left (avec un alert), c'est effectivement vide. Le plus étrange, c'est que si je fixe cette valeur à 20, l'image est bien déplacée en 35 (20+15)...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<INPUT TYPE="button" VALUE="Move image" OnClick="document.myForm.image.style.left = 20; if(parseInt(document.myForm.image.style.left) < 1060){document.myForm.image.style.left = parseInt(document.myForm.image.style.left) + 15};"></div>
 
<!-- Déplacement de l'image en 35 lorsque je clic -->

Est-ce que l'un de vous aurait une idée ?? Merci !

[E.Bzz]

Bonjour,
sûrement dû aux unités (px).
Il faut les mettre quand tu les attribues

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
.imagedessus { 
  position:relative;
  left:620px;
  top:450px;
  z-index : 2;
}

Mais par contre, il ne faut récupérer que la partie numérique (sans le "px") si tu veux t'en servir pour des calculs, comme ici (sinon => Not a Number)

A+

[Cold Hand]

Salut,

Merci pour la réponse, mais le problème persiste Etrange... Est-ce que ça fonctionne chez vous ?

Merci

[le_chomeur]

Essaye :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<INPUT TYPE="button" VALUE="Move image" OnClick="if(parseInt(document.myForm.image.style.left) < 1060){document.myForm.image.style.left = parseInt(document.myForm.image.style.left) + 15+'px'};">