Bonjour,


j'essaie d'inverser les lignes d'un table HTML (et pas les colonnes), en javascript.


J'obtiens un script qui fonctionne sous firfox 2, mais pas sous IE6.
Sous IE6, la table disparait simplement...


est ce que IE6 gère mal (pas?) le DOM ?


qu'est ce que je peux changer dans mon code pour le faire tourner sous ie6 ?


le 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
 
<script>
function inverttable()
{
	var table=document.getElementById('matable'); //le noeud de ma table
	var trs=table.getElementsByTagName('tr'); //les tr de ma table
 
	var newtable=document.createElement('table'); // une nouvelle table
 
	var contenu;
 
	for(i=trs.length-1 ; i>=0 ; i--)
	{
		var n = trs[i].cloneNode(trs[i],true);
		newtable.appendChild(n);	//j'ajoute le dernier tr de ma table vers la nouvelle table
		//alert(n.innerHTML);
	}
 
	table.innerHTML='';
	table.innerHTML+=newtable.innerHTML;// je remplace le contenu de l'ancienne table avec celui de la nouvelle
	table.innerHTML+='';
 
}
</script>
 
<table id="matable" border="1">
 
		<tr id="tr1">
			<td id="un">un</td>
			<td id="deux">deux</td>
			<td id="trois">trois</td>
		</tr>
 
		<tr id="tr2">
			<td id="quatre">quatre</td>
			<td id="cinq">cinq</td>
			<td id="six">six</td>
		</tr>		
 
		<tr id="tr3">
			<td id="sept">sept</td>
			<td id="huit">huit</td>
			<td id="neuf">neuf</td>
		</tr>
 
		<tr id="tr4">
			<td id="dix">dix</td>
			<td id="onze">onze</td>
			<td id="douze">douze</td>
		</tr>	
 
</table>
 
<input type="submit" onclick="inverttable();" value="Inverser" />



merci