Intervertir deux lignes d'un tableau

**metalcoyote** · 15/01/2007, 14h51

Bonjour,

Je cherche a faite une petite fonction JS qui permet de monter et descendre des lignes dans un tableau html (avec des buton Up/Down). Ca doit etre assez simple à faire mais j'arrive pas a trouver un bon script.

Merci.
Seb.

**SpaceFrog** · 15/01/2007, 14h52

avec le DOM et insertBefore ...

**metalcoyote** · 15/01/2007, 15h18

j'arrives pas a le faire marcher

**SpaceFrog** · 15/01/2007, 15h24

file le code ...

**metalcoyote** · 15/01/2007, 15h26

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
function Up(idligne){
 
   myTR = $(idligne);
   var indexEnCours = myTR.rowIndex;
 
   if(indexEnCours > 2) {
    var previousRow = document.getElementById('tableau').rows[indexEnCours - 1];
    $(tableau).insertBefore(previousRow,myTR);
}

**SpaceFrog** · 15/01/2007, 16h08

bon voilà un exemple ...

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
</head>
<script type='text/javascript'>
 
function Tableau(){
 
var Tab=document.createElement('table');
 
var TabB=document.createElement('tbody');
for (i=0;i<10;i++){
						var TabL=document.createElement('tr');
						TabL.id="ligne_"+i
							for(j=0;j<5;j++){
												var TabC=document.createElement('td')
												TabC.innerHTML=i+'_'+j;
												TabC.style.border="solid 1px black"
												TabC.indiceLigne=i
												//TabC.onclick=function(){alert(this.indiceLigne)}
												TabC.ondblclick=function(){swapline(this)}
												TabL.appendChild(TabC)
												}
					TabB.appendChild(TabL)
					}							
 
	Tab.appendChild(TabB)
	document.body.appendChild(Tab)
}
 
 
function swapline(ligne){
var ActiveLineNr=Number(ligne.parentNode.id.split('_')[1])
var ActiveLine= document.getElementById('ligne_'+ActiveLineNr)
var TempLine=ActiveLine.cloneNode(true)
 
var PreviousLineNr=Number(ActiveLineNr-1)
var PreviousLine = document.getElementById('ligne_'+PreviousLineNr)
 
ligne.parentNode.parentNode.insertBefore(TempLine,PreviousLine)
ligne.parentNode.parentNode.removeChild(ActiveLine)
}
 
</script>
 
<body onload="Tableau()">
 
 
</body>

par cpontre si quelqu'un peut me dire pourquoi je ne peut swapper qu'eun fois une ligne ... malgré le cloneNode true les évènements dynamiques ne sont pas reproduits ?

Intervertir deux lignes d'un tableau

JavaScript

Vue hybride

Discussions similaires

Partager

Partager