El tema es el siguiente, necesito dinámicamente ir sacando filas de una tabla A y ponerlas en la tabla B y también de B a A. Cada fila cuenta de dos celdas, una contiene un checkbox que nos permitirá seleccionar la fila que queremos desplazar y la otra celda contiene una descripción del elemento. Cada tabla tiene su propio formulario asociado.
Para recorrer los forms utilizo la propiedad form.elements.length con un bucle For{}, hasta aquí todo bien, el problema pasa en que al pasar elementos de una tabla a otra no me reconoce los checkbox como elementos del formulario, sino como elementos de la tabla, entonces al usar form.elements.length no toma estos elementos.
La estructura del documento es así:
<form name="usuarios">
<tabla id="tbl_usuarios">
<tr>
<td><checkbox></td>
<td>descripción</td>
</tr>
</table>
</form>
<form name="responsables">
<tabla id="tbl_responsables">
<tr>
<td><checkbox></td>
<td>descripción</td>
</tr>
</table>
</form>
El problema que tengo es el siguiente en forma puntual: para hacer que el checkbox se vea en el lugar que corresponda debo ponerlo dentro de la celda, pero eso hago lo siguiente:
var nCheck = document.createElement("input");
nCheck.type = "checkbox";
nCheck.name = "usuario";
nCheck.value = form.elements[i].value; //esto lo saco de recorrer el <form>
form = document.responsables;
celda1.appendChild(nCheck); //<---------AQUI ESTA EL PROBLEMA
Si lo pongo de esta forma, al intentar recorrer con document.responsables.elements.lenght me dice que el numero de elementos del form es 0 (cero)
Y si lo pongo como hijo del form ( form.appendChild(nCheck) ) no lo logro hacer aparecer donde debe (dentro de la celda).
Espero haberme explicado bien, por favor ayuda!!!
De antemano muchas gracias,
Rodrigo
