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