createElement desde una celda de una tabla

[AnDrEa MM]

Tengo el siguiente código:

Código HTML:

<table>...
<tr><td>¿ Cuántas sesiones forman el evento ?</td><td><form><input name="nsesiones" type="text" onBlur="devuelveNSesiones(this)"></form></td></tr>";

Eso llama a una función javascript, q es la siguiente:

Código:

function devuelveNSesiones(objeto) {
	var nInput;
	obj = objeto.form;
	for (nInput=1; nInput<=objeto.value; nInput++) {
		eltoTR1 = document.createElement("tr");
		eltoTD11 = document.createElement("td");
		elto1 = document.createTextNode("*Fecha: ");
		eltoTD13 = document.createElement("td");
		elto2 = document.createElement("input");
		elto2.name = "inputff" + nInput;
		elto2.id = "inputff" + nInput;
		elto2.type = "text";
		obj.appendChild(eltoTR1);
		eltoTR1.appendChild(eltoTD11);
		obj.appendChild(elto1);
		eltoTR1.appendChild(eltoTD13)
	}
}

Esta función crea varios elementos, pero todos en la misma celda desde la q llamo a la función. Lo q quisiera es q se crearan en filas distintas, pero no sé cómo puedo hacerlo...
Si no he explicado bien el problema, decidme e intento volver a explicarlo de otra manera. Gracias.

[AnDrEa MM]

¿A nadie se le ocurre alguna idea... ?

[Callaghan]

Hola con insertCell(i) insertas celdas.
Por ejemplo en tu caso
eltoTR1.insertCell(0) --> te crea una celda en la primera columna
eltoTR1.insertCell(1) --> te crea una celda en la segunda columna
.
.
.

[AnDrEa MM]

Ok, muchas gracias Callaghan. Voy a ver si sé aplicarlo a mi ejemplo!!

[AnDrEa MM]

Llevo días con este tema y no consigo sacar nada en positivo... Voy a intentar dejar un ejemplo "gráfico" del problema:

|---------------------|-------|
| <input type=text...> | botón |
|---------------------|-------|

Vale, esa es mi tabla. Lo q quiero hacer es q al pulsar el botón "botón", se me cree una nueva fila en la tabla, y en ella meter cierto contenido. La función Javascript es llamada cuando se pulsa sobre el botón, y lo q hace la función es crear una nueva etiqueta <tr>, y a partir de ahí el contenido q me interesa. El problema es q, como cuando se pulsa al botón, la etiqueta </tr> de la primera fila no está escrita todavía, se me crea el nuevo contenido como celdas de la fila existente, es decir, no me crea nuevas filas a pesar de crear una nueva etiqueta <tr> por no haber cerrado la primera etiqueta </tr>. Bueno, creo q ahora está mejor explicado. Si a alguien se le ocurre alguna idea agradecería cualquier tipo de ayuda, ya q no sé cómo puedo solucionarlo. Como última solución sacaría el botón de la tabla... tal vez así pudiera hacerse... Pero en principio no quiero hacerlo. Gracias!

[caricatos]

Hola AnDrEa MM:

Estás intentando hacer algo que es bastante complejo... además no hay tanta información, aunque en base a "lo supuesto" trataré de orientarte...

El único objeto que tienes de referencia es el formulario, cuando deberías tener la referencia de la tabla... y la etiqueta form está dentro de una celda, así que dentro de esa misma celda deberías cerrar el formulario

Tal vez te interese más iniciar el formulario antes de declarar la tabla:
<form> ... <table>

De esta manera el anidamiento de las etiquetas lo podrías corregir.
... además, como tienes posibilidad de referenciar la etiqueta form (de hecho, parece ser que es lo que estás haciendo)... puedes así referenciar la tabla sin problemas...

Dime si te vale para poder seguir (si lo necesitases...)

Saludos

[AnDrEa MM]

Ok, he sacado la etiqueta <form> fuera de las etiquetas <table></table>, pero sin realizar ningún cambio más, y me crea el nuevo contenido fuera de la tabla. Tal vez eso se solucione referenciando a la tabla como has dicho, pero no sé muy bien qué implica eso ni cómo se debe hacer... Podría ser añadiendo los elementos de esta manera...

var objeto = document.nombre_de_mi_formulario.nombre_de_mi_tabl a;
objeto.appendChild(elemento);

Puede q sea algo así? Cogí el código inicial de la web y lo he ido acomodando a lo q necesito, pero no sé usarlo demasiado bien...

[caricatos]

Hola:

Pues no exactamente...

Si tienes algo así:

obj = objeto.form;
...
La tabla interior la obtendrías así:

laTabla = obj.getElementsByTagName("table")[0];

...luego tendrías que referenciar al tbody, que aunque no lo tengas definido es algo que existe siempre... y recién con el tbody puedes hacer algo así:
elTBody.appendChild(nuevoTR)...

Como te decía es algo complejo, pero si sigues estos pasos lo puedes hacer (a no ser que me hubiera confundido)

Saludos

[AnDrEa MM]

Uffff, no termino de entenderlo. He estado buscando info sobre la etiqueta <tbody>, veo q es para dar formato al cuerpo de una tabla... Pero no entiendo porqué debo hacerle referencia para lo q quiero hacer y no sé cómo hacerlo... Ais! Supongo q debo indicarle q la fila q quiero crear está en el tbody de la tabla indicada, o algo así... Ya q sino no indico q la fila va asociada a la tabla...
Muchas gracias por la ayuda caricatos!!

[caricatos]

Hola otra vez:

Seguramente se pueda simplificar buscando solo el primer elemento tbody...

laTabla = obj.getElementsByTagName("tbody")[0];

Sobre información del tag tbody, es cierto que no hay mucha, pero es un tag que se crea siempre.

Saludos

[AnDrEa MM]

Ok, voy a tomarme un descanso! Esta tarde continúo con el tema, a ver si lo consigo! Aunq me temo q volveras a saber de mí por aquí... jeje. Gracias!!

[AnDrEa MM]

Por fin!! Ha salido!! Muchas gracias caricatos, me has sido de gran ayuda, no sabía q había q tenía q usar esos comandos para poder conseguir lo q buscaba.

Esto va por tí

[Puebla]

Hola!!!
Podrias poner el codigo completo para ver como quedo?
Muchas Gracias de Antemano.