Discussion :

[Alexdezark]

Bonjour à tous,

je cherche à déplacer un calque (id="Layer1") par rapport à la position d'une image (id="marcher") afin qu'ils soient toujours positionné pareil l'un par rapport à l'autre.

j'ai essayé ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
 
function place(){
var plX, plY;
plX=(document.getElementById("marcher").x)+150;
plY=(document.getElementById("marcher").y)+30;
document.getElementById("Layer1").x=plX;
document.getElementById("Layer1").y=plY;
//document.getElementById("test").innerHTML=plX+" / "+plY;
};

Mais mon calque ne réagit absolument pas.

je récupère bien les valeurs de positionnement de l'image, mais elles ne sont pas appliquées au calque.

les propriétés x et y sont elles utilisables comme je l'ai fait ?

Bonne fin de journée à tous

[Bovino]

Layer1 est-il positionné ? (règle css position différente de static, valeur par défaut)

[Alexdezark]

Bonsoir Bovino,

Merci de ta réponse.

Il y a une régle css sur ce calque mais elle ne définit pas left et top

Code :

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

1
2
3
4
5
6
7
8
9
 
 
#Layer1 {
	position:absolute;
	width:140px;
	margin:0px;
	z-index:10;
	display:block;	
}

[Alexdezark]

donc la syntaxe qui fonctionne semble être :

Code :

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

1
2
3
4
5
6
7
8
9
 
 
function place(){
var plX, plY;
plX=(document.getElementById("marcher").x);
plY=(document.getElementById("marcher").y)+30;
document.getElementById("Layer1").style.left=plX+"px";
document.getElementById("Layer1").style.top=plY+"px";
};

Bonne soirée à tous