Bonjour à tous,

Alors je cherche à faire des déplacements de <tr><td> entre deux tableaux. Tout ce passe bien jusqu'à que je reprenne l'élément que j'ai glissé dans l'autre tableau. En effet, il ne veux pas et me prend l'élément au dessus dans le tableau. Pour mieu expliquer :

Le premier double clique sert à prendre, et le second à déposer.

Je double clique(1) l'élément nommé "a" du tableau 1 et je double clique(2) dans le tableau 2 l'élément nommé "a" est déplacé dans le tableau 2.
Lorsque je double clique(1) à nouveau l'élément nommé "a" dans le tableau 2 et je double clique(2) dans le tableau 1 pour le remettre à sa place, c'est l'élément "d" qui bouge et non le "a".


mon code :
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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
 
		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 
		<title>liste1</title>
		<meta name="description" content="" />
		<meta name="author" content="stagiaire" />
 
		<meta name="viewport" content="width=device-width; initial-scale=1.0" />
 
	<script>
var text, value,test,tr,D;
		D=0
    	value=""
    	text=""
    	tr=""
    	test=1;
function recup(id) {
 
	//On récupère le text, et l'id de l'élément selectionné.
	var selectElmt = document.getElementById(id)
	text=document.getElementById(id).textContent 
	value=selectElmt.id	
}
 function del (id) {
 
 	 tr=document.getElementById(id).parentNode.id
	document.getElementById(tr).parentNode.removeChild(document.getElementById(tr));
}
    function depose(id){
 
		var a=text
		var b=value
		var c=tr		document.getElementById(id).parentNode.parentNode.innerHTML += '<tr id='+c+'><td id='+ b +'  ondblclick="choix('+id+');">'+a+'</td></tr>';															
	   }    
function choix(id){
 
	if(test==1 )
	{
		recup(id)
		del(id)
		test=0	
	}
	else
	{		
		depose(id)
		test=1
	}
}
 
	</script>
	</head>
 
	<body >
 
 
<table border="1" width="50" height="50" id="tb1"> 
 
	<tr id="tr1"> 
		<td id="1" ondblclick="choix(id)">
			1
		</td>
	</tr> 
	<tr id="tr2"> 
		<td id="2" ondblclick="choix(id)">
			2
		</td>
	</tr>
	<tr id="tr3"> 
		<td id="3" ondblclick="choix(id)">
			3
		</td>
	</tr>
</table>
 
   <br/>
   <br/>
 
<table border="1" width="50" height="50" id="tb2" > 
 
	<tr id="tr4"> 
		<td id="4" ondblclick="choix(id)">
			4
		</td>
	</tr> 
	<tr id="tr5"> 
		<td id="5" ondblclick="choix(id)">
			5
		</td>
	</tr
 
</table> 
 
 
	</body>
</html>
Comment corriger ça ?

Merci et bonne journée!