Plrs éléments à déplacer sur une page
Zobrowska
-
Zobrowska -
Zobrowska -
Bonjour,
J'ai un code qui me permet, en javascript, de séléctionner un tableau dans une page html et de pouvoir le déplacer sur cette page.
Pb, le script ne concerne qu'un élément, c'est à dire pour un seul tableau; moi j'aimerai utiliser cette technique pour disposer 3 tableaux empilés les uns sur les autres(en cascade).
Voici le script d'origine, comment l'adapter pour qu'il soit ok pour plusieurs éléments ?
Merci de vos réponses.
J'ai un code qui me permet, en javascript, de séléctionner un tableau dans une page html et de pouvoir le déplacer sur cette page.
Pb, le script ne concerne qu'un élément, c'est à dire pour un seul tableau; moi j'aimerai utiliser cette technique pour disposer 3 tableaux empilés les uns sur les autres(en cascade).
Voici le script d'origine, comment l'adapter pour qu'il soit ok pour plusieurs éléments ?
Merci de vos réponses.
4 réponses
-
-
<code<html>
<head>
<script>
clicEnCours = false;
position_x = 0;
position_y = 0;
netscape = false;
if (navigator.appName.substring(0,8) == "Netscape")
{
netscape = true;
}
function boutonPresse()
{
origine_x = x - position_x;
origine_y = y - position_y;
clicEnCours = true;
}
function boutonRelache()
{
clicEnCours = false;
}
function deplacementSouris(e)
{
x = (netscape) ? e.pageX : event.x + document.body.scrollLeft;
y = (netscape) ? e.pageY : event.y + document.body.scrollTop;
if (clicEnCours && document.getElementById)
{
position_x = x - origine_x;
position_y = y - origine_y;
document.getElementById("deplacable").style.left = position_x
document.getElementById("deplacable").style.top = position_y
}
}
if (netscape)
{
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = deplacementSouris;
</script>
</head>
<body>
<div id="deplacable" style="top:0; left:0; position:absolute;">
<table border="1">
<tr>
<td bgcolor="#00000" onMouseDown="boutonPresse()" onMouseUp="boutonRelache()">
<font color=white><b>Menu</b></font>
</td>
</tr>
<tr>
<td>
<a href=http://www.le-site.fr>Entrée</a><br>
<a href=http://www.sa-page.pl>Plat</a><br>
<a href=http://www.pat-online.de>Dessert</a>
</td>
</tr>
</table>
</div>
</body>
</html>
>
-
je ne suis pas bien sur d'avoir compris, mais si tu deplace le tableau qui contient les autres, ils seront tous deplacés non ?
-
oui, c'est exactement que je veux pas faire, je veux qu'un tableau se déplace, donc en faisant un calque, mais il faut surtout pas, qu'il bouge les autres tableaux...
