<tr> upp/ner?

Hej!

Låt säga att jag har en tabell med två kolummner och tre rader likt följande:

Låt 1	06:12
Låt 2	03:32
Låt 3	03:36

Går det med hjälp av JS/DHTML göra så att man kan flytta "raderna" (<tr>) upp/ner?

Vi kan ta Cheguelins "Flytta options i select" script som exempel, ska fungera typ på samma sätt fast med en tabell.

Är ni med hur jag menar?

Tack för alla svar jag kan få!

Detta går att göra med W3C DOM, ett väldigt kraftfullt språk för att manipulera element (nodes).

Här följer ett exampel vad man kan göra med DOM, men jag rekommenderar dig starkt att du söker på nätet efter tutorials. Här finner du w3 schools tutorial

Här har du ett litet exempel hur du flyttar omkring en table row i en tabell:

<table id="exampleTable">
<tbody>
<tr>
	<td>1</td>
</tr>
<tr>
	<td>2</td>
</tr>
<tr>
	<td>3</td>
</tr>
</tbody>
</table>
<script type="text/javascript">
var oTable = document.getElementById("exampleTable");
var oTbody = oTable.tBodies[0];

// Tex, om du vill flytta första tr längst ner
oTbody.appendChild(oTbody.rows[0]);
</script>

Tack!

Ska kolla vidare på det!

PS: "Underrätta via e-post" funktionen funkar inte allt för bra... DS.