element.style.left

Version imprimable

element.style.left

Bonjour ,
Je suis en train de realiser des petits tests afin de mettre en pratique toutes les notions que j'ai acquis récemment en matiere de javascript.

Je vous propose d'examiner le code suivant :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <html> <head> <title>Test Javascript</title> </head> <body> <label id="bonjour">Bonjour ca va?</label> <script> var bonjour = document.getELementById('bonjour'); document.addEventListener('keyup',function(e){ if(e.keyCode == 37){ bonjour.style.left = '200px';} },false); </script> </body> </html>
Voila c'est simple!! je veux juste de deplacer mon label vers la droite quand je clique sur le bouton droit de mon clavier.Mais ca ne veut pas marcher !!
Pouvez vous detecter l'erreur que j'ai fait sur mon code??!!
Merci d'avance,
Cordialement,

28/01/2013, 18h36
javatwister

salut

si tu n'as pas défini, dans le script, ou "en dur", dans la balise, la position (relative, absolute) de l'élément, ça ne marchera pas...
28/01/2013, 18h44
kakolaukiom
J'ai fait ce que vous m'avez dit , c'est-a-dire j'ai ajouté dans le script la ligne :
Code:

1 2 3 if(e.keyCode == 37){ bonjour.style.position = 'absolute'; bonjour.style.left = '200px';}
Ca ne veut pas marcher non plus.
Aussi j'ai testé de mettre une balise <style> dans le head avec la position absolute sur l'element dont l'identifiant est bonjour ca ne veut pas marche..
28/01/2013, 19h55
javatwister

l'idée serait de déclarer

Code:

bonjour.style.position = 'absolute';

en dehors de la condition

Code:

if(e.keyCode == 37)

et même en dehors de la fonction;

pour ton 2e essai (définition de style), c'est normal; en tout cas, c'est un pbm de communication avéré entre js et css... :roll:

Bonjour,
peut être que
var bonjour = document.getELementById('bonjour');

28/01/2013, 21h37
kakolaukiom

lol en fait c'est a cause de ELementById finalement. 8OBien vu NoSmoking.
Merci tout le monde.

Cordialement