drag and drop : problème de plan !
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 :
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
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> |
Merci d'avance.
