Discussion :

[pierre002]

Bonsoir

J'ai un petit problème pour déplacer une div

Quand j'utilise le code :

Code :

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

1
2
3
4
5
6
 
function placerGauche()
{
var test= document.getElementById("bloc") ;
test.style.left = ((test.style.left).substr(0,(test.style.left).length-2)-20)+"px" ;
}

le déplacement a gauche fonctionne bien, par contre je n'ai pas réussi à créer ma fonction déplacement a droite

Quelqu'un peut-il me renseigner?

Merci d'avance

Pierre

[SpaceFrog]

ben la même fonction ...
si tu incrémentes le left il se deplace vers la droite
si tu décrementes le left il se déplace vers la gauche ...

[Bovino]

En faisant aussi attention que si

Code :

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

"3" - 2

donne 1, en revanche

Code :

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

"3" + 2

donne "32".
Il faut donc faire un parseInt au lieu du substr

[vermine]

Bonjour,

Et je dirai même plus, un parseInt en base 10. Soyons précis, tant qu'à faire.

Ce que je voulais surtout rajouter, c'est le pourquoi il n'y a pas de style.rigth. En fait, dans une fenêtre, on connait principalement le point qui est en haut à gauche. La position de départ, à partir d'où on calcule la largeur et la hauteur (vers le bas, oui, c'est déroutant). Donc ce sera bel et bien en fonction de la gauche que l'on fera les positionnements.
Tout comme on a un style.top, on n'a pas de style.bottom.

[SpaceFrog]

oui ou juste un + devant

[pierre002]

Merci pour vos réponse

Cependant je suis debutant et j'ai un peu de mal...

j'ai essayé le code suivant mais il ne fonctionne pas

Code :

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

1
2
3
4
5
function placerDroite()
{
var test= document.getElementById("bloc") ;
test.style.left = ((test.style.left).parseInt(0,(test.style.left).length-2)+20)+"px" ;
}

Merci

Pierre