bonjour,
j'ai un code asp + javasript qui me permet de déplacer les cellules d'une table.
Lorsque je déplace une cellule vers une autre, je veux récupérer l'information de la deuxième cellule (cellule d'arrivé). Ceci fonctionne si je prend la première cellule du tableau vers la deuxième (ou toisième).
Mais si je déplace la troisième vers la deuxième (ou première) j'ai le nom de la troisième cellule à chaque fois ! J'ai remarqué qu'en fait je récupère le nom de la cellule qui est au premier plan !
Comment faire pour récupérer le nom de la cellule d'arrivé quelques soit sa position dans le pan ?
voici le code :
Merci d'avance.
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59 <html> <head> <style> <!-- .drag{position:relative;cursor:move} --> </style> <script language="javascript"> var dragapproved=false var z,x,y function move(){ if (event.button==1&&dragapproved){ z.style.pixelLeft=temp1+event.clientX-x z.style.pixelTop=temp2+event.clientY-y return false } } function drags(){ if (!document.all) return if (event.srcElement.className=="drag"){ dragapproved=true z=event.srcElement temp1=z.style.pixelLeft temp2=z.style.pixelTop x=event.clientX y=event.clientY document.onmousemove=move } } function drops(){ if (!document.all) return if (event.srcElement.className=="drag"){ dragapproved=false alert(event.srcElement.id) } } document.onmousedown=drags document.onmouseup=drops </script> </head> <% %> <body> <table class="drag"> <tr> <td class="drag" bgcolor="#FF0000" height="50" width="50" id="td11">bonjour</td> <td class="drag" bgcolor="#00FF00" height="50" width="50" id="td12">salut</td> <td class="drag" bgcolor="#0000FF" height="50" width="50" id="td13">à demain</td> </tr> </table> </body> </html>
Partager