[POO] positionner un element en fonction des coordonnées saisies

**krousty** · 11/06/2008, 03h12

bonjour ,
je souhaite positionner un élément en fonction de coordonnée saisie dans un formulaire . Cependant quand je clic sur valider , je voie bien l'élément se placer furtivement à l'endroit adéquat mais il revient directement à sa position initiale.
Je voudrai donc qu'il reste à la position saisie.
voici mon code

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
<html>
<head>
<style type="text/css"> 
#image	{position: absolute; top:150px; background-color: yellow; width: 200px; height:200px; }
</style>
 </head>
 
<body>
 <body>
 <form name="form">
     bloc1 (top): <input type="text" name="bloc1t" id="bloc1t">
     bloc1 (left):<input type="text" name="bloc1l" id="bloc1l">
 <input type=submit value="Valider" Onclick ='new_pos(document.form.bloc1t.value , document.form.bloc1l.value)';/>
 </form>
 
 
<div id="image"></div>
 
<script>
 
function new_pos(x,y){
	var a = x;
	var b = y;
	document.getElementById("image").style.left = a; 
	document.getElementById("image").style.top = b;
}
</script>
</body>
</html>

Cordialement krousty

**DoubleU** · 11/06/2008, 10h16

Attention, avec un bouton submit, tu changes de pages apres, donc c'est possible que ca soit pour cette raison que ton objet se repositionne à son emplacement initial...

**E.Bzz** · 11/06/2008, 10h41

Bonjour,

Envoyé par DoubleU

Attention, avec un bouton submit, tu changes de pages apres, donc c'est possible que ca soit pour cette raison que ton objet se repositionne à son emplacement initial...

+1 : c'est même sûr.

Submit => changement de page. Mais comme tu n'as pas d'action définie pour ton form, tu recharges la même page, d'où l'impression qu'il "revient" à sa place.

=> Vire ce <form> inutile et utilise un simple input type="button"

PS : et mieux vaudrait préciser l'unité :

Code :

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

1
2
document.getElementById("image").style.left = a + "px"; 
document.getElementById("image").style.top = b + "px";

EDIT : et un tag <body> en trop ...

A+

**krousty** · 11/06/2008, 14h07

merci à vous

[POO] positionner un element en fonction des coordonnées saisies

JavaScript

Vue hybride

Discussions similaires

Partager

Partager