Discussion :

[nabbo]

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

[SpaceFrog]

parcequ'il faut appender dans le tbody ...

[nabbo]

appender dans le tbody ne change rien chez moi sur IE6...

[SpaceFrog]

peut �tre plus simplement :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
<script type='text/javascript'>
function inverttable()
{
	var table=document.getElementById('matable'); //le noeud de ma table
	var trs=table.getElementsByTagName('tr'); //les tr de ma table
    for(i=0;i<trs.length;i++){
	 table.getElementsByTagName('tbody')[0].insertBefore(trs[trs.length-1],trs[i]);
	}
	}
</script>

[nabbo]

ca marche, merci

donc on retient : IE6 g�re le insertBefore, mais pas trop le innerHTML...

en tout cas, merci pour ton aide


edit : effectivement, le probl�me de innerHTML sur IE6 est connu chez Microsoft : http://support.microsoft.com/?scid=k...9832&x=12&y=12