funcion añadir

[franjgg]

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

[daniel00]

Que tal franjgg.

A ver prueba con la siguiente función:

Código:

function addRow()
  {
  var myRow=document.getElementById('myTable').insertRow(0)
  var myCell1=myRow.insertCell(0)
  var myCell2=myRow.insertCell(1)
  myCell1.innerHTML="myCell1"
  myCell2.innerHTML="myCell2"
  }

Saludos y suerte!!

[franjgg]

hola daniel00 muchas gracias el caso es que cuando añadiese una fila me tendria que insertar todo esto,

<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>
</table>

</td>

<td border="1" bgcolor="#91C2FF" onmouseover="bgColor='#000000'" style="cursor:hand;" onmouseout="bgColor='#91C2FF'">
<b style="cursor:hand; color:#ffffff" onclick="subir(this)">&darr;</b>
<b onclick="bajar(this)" style="color: #ffffff">&uarr;</b>

</td>
</tr>



y esto no se puede ser como no sea de alguna manera fuera del javascript no?