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.
A voir également:
- Plrs éléments à déplacer sur une page
- Comment supprimer une page sur word - Guide
- Déplacer une colonne excel - Guide
- Imprimer tableau excel sur une page - Guide
- Photoshop elements gratuit - Télécharger - Retouche d'image
- Deplacer une icone sur iphone - Guide
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>
>
<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>
>
