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
- Déplacer une colonne excel - Guide
- Comment supprimer une page sur word - Guide
- Imprimer excel sur une page - Guide
- Deplacer icone sur iphone - Guide
- Photoshop elements gratuit - Télécharger - Retouche d'image
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>
>
