[POO] positionner un element en fonction des coordonnées saisies
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:
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