element.style.left

**kakolaukiom** · 28/01/2013, 18h14

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 :

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
<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,

**javatwister** · 28/01/2013, 18h36

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...

**kakolaukiom** · 28/01/2013, 18h44

J'ai fait ce que vous m'avez dit , c'est-a-dire j'ai ajout� dans le script la ligne :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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..

**javatwister** · 28/01/2013, 19h55

l'id�e serait de d�clarer

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

bonjour.style.position = 'absolute';

en dehors de la condition

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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...

**NoSmoking** · 28/01/2013, 20h26

Bonjour,
peut �tre que

var bonjour = document.getELementById('bonjour');

**kakolaukiom** · 28/01/2013, 21h37

lol en fait c'est a cause de ELementById finalement.

Bien vu NoSmoking.
Merci tout le monde.

Cordialement

element.style.left

JavaScript

Discussions similaires

Partager

Partager