innerhtml

[mahoni]

Hola gente!

lo que quiero es lo siguiente:
Tengo un combo con 2 opciones y una tabla, cada vez que se elija una opción,se tiene que crear una fila nueva en la tabla con unos datos.
Me han dicho que con innerhtml, he estado mirando por ahí un poco y he encontrado esto:
function appendRow()
{
var tbody = document.getElementById("t1").getElementsByTagName ("tbody")[0];
var row = document.createElement("TR");
var cell1 = document.createElement("TD");
cell1.innerHTML = "NEW ";
var cell2 = document.createElement("TD");
cell2.innerHTML = "ROW";
row.appendChild(cell1);
row.appendChild(cell2);
tbody.appendChild(row);
}

no se si me convence mucho porque creo que me limita a la hora de meterle un id dinamico a las nuevas filas creadas.
Alguien que me oriente?

Muchas Gracias.

[JavierB]

Hola mahoni

El código me parece correcto, pero no entiendo a qué te refieres con "me limita a la hora de meterle un id dinamico a las nuevas filas"

Saludos,

[derkenuke]

Hola mahoni:

No sé si le llamas 'limitar el meterle un id dinámico a las nuevas filas' a asignarle un atributo id que te dé la gana a cada fila, pero si una fila (elemento TR) es:
var row = document.createElement("TR");
Puedes colocarle id con:
row.setAttribute("id", "loquequieras");
o
row.id = "loquequieras";


No hay problema.
Un saludo.

[Calisco]

Hace un tiempo me puse la camiseta de mooTools, y creo que una forma de aprende tanto mootools como javascript es implementar una versión en este framework. Así que si les interesa, voy a trascribir este ejemplo para mooTools.
Saludos

Código:

function appendRow() {
      var tbody = $$('.tbody t1')[0];

      var row = new Element ('tr', {id: 'miTr1'});
      var cell1 = new Element ('td', {id: 'miTd1'});
      cell1.setHTML = "NEW ";

      var cell2 = new Element ("td", {id: 'miTd2'});
      cell2.setHTML = "ROW";

      row.injectTop (cell1);
      row.injectTop (cell2);

      tbody.injectTop (row);
}

Bueno, salvo error de sintaxis, este ejemplo hace lo mismo que el script de mahoni y le agrega id al tr y a los dos td; miTr1, miTd1, y miTd2 respectivamente.
Saludos.

[mahoni]

Al final lo he conseguido con:
createElement
setAttribute
appendChild
etc

Que maravilla!!!
Me he dado cuenta(otra vez) que lo que me limita es el conocimiento!!!

Gracias a todos.Si alguien quiere ayuda o algun ejemplo que no dude en preguntar.

Gracias de nuevo.