Hola como estan miren tengo una tabla donde puedo mover las filas hacia arriba y abajo
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 = "red";
misFilas.parentNode.rows[1].getElementsByTagName("b")[1].style.color = "red";
}
if ((miSitio + 2) == (misFilas.parentNode.rows.length)) {
misFilas.parentNode.rows[miSitio + 1].getElementsByTagName("b")[0].style.color = "red";
x.style.color = "red";
}
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 = "blue";
}
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 = "blue";
}
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 suma(id) {
if (!document.getElementById) return false;
fila = document.getElementById(id);
if (fila.style.display != "rue") {
fila.style.display = "none"; //ocultar fila
} else {
fila.style.display = ""; //mostrar fila
}
}
function cambiarDisplay(id) {
if (!document.getElementById) return false;
fila = document.getElementById(id);
if (fila.style.display != "none") {
fila.style.display = "none"; //ocultar fila
} else {
fila.style.display = ""; //mostrar fila
}
}
---------
esta seria una fila
<tr id="a0" onmouseover="bgColor='#ffffcc'" style="cursor:hand;display:none" onmouseout="bgColor='#FFFFFF'">
<td id="c0">
<table border="1" id="row0" >
<tr id="row0.0"> <!--onClick="cambiarDisplay('')"-->
<td width="175">
<p id="paragraphView">gÑin-ioiiuykuytuytbkut bkuybtkubtkunkutbkuyt nkutkbtnytkbuntbtkntbknkbnuy.</p>
<textarea id="paragraphEdit" name="mensaje" class="inplace" tabindex="1"></textarea>
</td>
<td width="175">
<p id="paragraph1View">gÑin-ioiiuykuytuytbkut bkuybtkubtkunkutbkuyt nkutkbtnytkbuntbtkntbknkbnuy.</p>
<textarea id="paragraph1Edit" name="nombre" class="inplace" tabindex="1"></textarea>
</td>
<td width="175">
<p id="paragraph2View">gÑin-ioiiuykuytuytbkut bkuybtkubtkunkutbkuyt nkutkbtnytkbuntbtkntbknkbnuy.</p>
<textarea id="paragraph2Edit" name="fax" class="inplace" tabindex="1"></textarea>
</td>
<td width="175">
<p id="paragraph3View">gÑin-ioiiuykuytuytbkut bkuybtkubtkunkutbkuyt nkutkbtnytkbuntbtkntbknkbnuy.</p>
<textarea id="paragraph3Edit" name="apellidos" class="inplace" tabindex="1"></textarea>
</td>
</tr>
el caso es que tendria que añadir una funcion añadir para poder añadir una nueva fila, pero no acabo de cnseguirlo no se si podrian echarme una mano