[Javascript] Déplacement d'une image
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:
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:
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 !