Hola:
Tenía un código que pensaba que había puesto en ese mensaje, pero parece que debió ser otro... y como no puedo encontrarlo con el buscador de los foros, voy a pegar el código:
Código:
<html>
<head>
<title>
Tablas
</title>
<script language=javaScript1.2>
function subir(x) {
var misFilas = document.getElementById("cuerpoTabla");
var soy = x.parentNode.parentNode; // etiqueta tr
var miSitio = soy.rowIndex;
if (miSitio == (misFilas.parentNode.rows.length - 1)) return;// última fila
if (miSitio == 0) { // cambiamos los colores de las flechas
misFilas.parentNode.rows[0].getElementsByTagName("b")[1].style.color = "blue";
misFilas.parentNode.rows[1].getElementsByTagName("b")[1].style.color = "#eeeeee";
}
if ((miSitio + 2) == (misFilas.parentNode.rows.length)) {
misFilas.parentNode.rows[miSitio + 1].getElementsByTagName("b")[0].style.color = "blue";
x.style.color = "#eeeeee";
}
var clon1 = soy.cloneNode(true);
var clon2 = misFilas.parentNode.rows[miSitio + 1].cloneNode(true);
misFilas.replaceChild(clon2, misFilas.rows[miSitio]);
misFilas.replaceChild(clon1, misFilas.rows[miSitio + 1]);
}
function bajar(x) {
var misFilas = document.getElementById("cuerpoTabla");
var soy = x.parentNode.parentNode; // etiqueta tr
var miSitio = soy.rowIndex;
if (miSitio == 0) return;// última fila
if (miSitio == 1) { // cambiamos los colores de las flechas
misFilas.parentNode.rows[0].getElementsByTagName("b")[1].style.color = "blue";
x.style.color = "#eeeeee";
}
if ((miSitio + 1) == (misFilas.parentNode.rows.length)) {
misFilas.parentNode.rows[miSitio].getElementsByTagName("b")[0].style.color = "blue";
misFilas.parentNode.rows[miSitio - 1].getElementsByTagName("b")[0].style.color = "#eeeeee";
}
var clon1 = soy.cloneNode(true);
var clon2 = misFilas.parentNode.rows[miSitio - 1].cloneNode(true);
misFilas.replaceChild(clon2, misFilas.rows[miSitio]);
misFilas.replaceChild(clon1, misFilas.rows[miSitio - 1]);
}
function restar() {
var miTabla = document.getElementById("cuerpoTabla");
var i = 0;
do
if (miTabla.rows[i].getElementsByTagName("input")[0].checked == true) {
miTabla.deleteRow(i);
if (miTabla.rows.length > 0) {
if (i == 0)
miTabla.rows[i].getElementsByTagName("b")[1].style.color = "#eeeeee";
if (i == miTabla.rows.length)
miTabla.rows[i - 1].getElementsByTagName("b")[0].style.color = "#eeeeee";
}
}
else
i ++;
while (miTabla.rows.length != i)
}
function suma() {
var miTabla = document.getElementById("cuerpoTabla");
var lasCeldas = miTabla.getElementsByTagName("tr");
var fila = document.createElement("tr");
var celda1 = document.createElement("td");
var celda2 = document.createElement("td");
celda1.innerHTML = "celda a" + (miTabla.getElementsByTagName("tr").length + 1).toString();
celda2.innerHTML = "celda b" + (miTabla.getElementsByTagName("tr").length + 1).toString() + "<input type=checkbox>";
celda2.innerHTML += " <b style='color: #eeeeee' onclick=subir(this)>↓</b> <b onclick=bajar(this)>↑</b>"
lasCeldas[lasCeldas.length - 1].getElementsByTagName("b")[0].style.color = "blue";
fila.appendChild(celda1);
fila.appendChild(celda2);
miTabla.appendChild(fila);
}
</script>
</head>
<body style="color:blue" >
<div align="center">
<h1>
Ejemplo de Tabla
</h1>
<table id=unaTabla border=1
style="background-image: url(../colores/emoticon2.gif);
background-repeat: no-repeat;
background-position: center center;"
>
<tbody id=cuerpoTabla >
<tr id=a1>
<td id=b1>celda a1</td>
<td id=c1>celda b1<input type=checkbox>
<b onclick="subir(this)">↓</b>
<b style="color: #eeeeee" onclick="bajar(this)">↑</b>
</td>
</tr>
<tr id=a2>
<td id=b2>celda a2</td>
<td id=c2>celda b2<input type=checkbox>
<b onclick="subir(this)">↓</b>
<b onclick="bajar(this)">↑</b>
</td>
</tr>
<tr id=a3>
<td id=b3>celda a3</td>
<td id=c3>celda b3<input type=checkbox>
<b onclick="subir(this)">↓</b>
<b onclick="bajar(this)">↑</b>
</td>
</tr>
<tr id=a4>
<td id=b4>celda a4</td>
<td id=c4>celda b4<input type=checkbox>
<b onclick="subir(this)">↓</b>
<b onclick="bajar(this)">↑</b>
</td>
</tr>
<tr id=a5>
<td id=b5>celda a5</td>
<td id=c5>celda b5<input type=checkbox>
<b style="color: #eeeeee" onclick="subir(this)">↓</b>
<b onclick="bajar(this)">↑</b>
</td>
</tr>
</table>
<button onclick=suma()>sumar</button>
<button onclick=restar()>restar</button>
</div>
</body>
</html>
Fíjate en subir() y bajar()...
Espero que esto te sirva mejor.
Saludos
