agregar celdas a una tabla con un boton

[jorgesl]

Si pense en ajax, pero me pasa lo mismo que a D-mo...

Alguno me podría dar algun ejemplo sencillo ?
Encontré algo en javascript y si agrega las celdas como quiero, pero la meterle los campos del formulatio, lo que hace es escribir en las celdas el código, no dibujar el cuadro de texto...

[D-MO]

Empezado por jorgesl

...lo que hace es escribir en las celdas el código, no dibujar el cuadro de texto...

pon el código para ver que hace este porque debería de funcionar.

saludos.

[jorgesl]

Utilizo la sig. función:

<SCRIPT LANGUAGE="JavaScript">
function agrega_celda(id){
    var tbody = document.getElementById
(id).getElementsByTagName("TBODY")[0];
    var row = document.createElement("TR")
    var td1 = document.createElement("TD")
    td1.appendChild(document.createTextNode("columna 1"))
    var td2 = document.createElement("TD")
    td2.appendChild (document.createTextNode("columna 2"))
    row.appendChild(td1);
    row.appendChild(td2);
    tbody.appendChild(row);
  }
</script>

y para utilizarlo, hago lo sig:

<a href="javascript:agrega_celda('mi_tabla')">Agrega nueva</a>

La función, así como está, si funciona perfectamente, pero no tengo idea de como hacer para ir insertando un campo de texto en una fila y en la otra una área de texto....

[D-MO]

Hola, prueba con esta funcion:

<SCRIPT LANGUAGE="JavaScript">
function agrega_celda(id){
    var tbody = document.getElementById(id).getElementsByTagName("TBODY")[0];
    var row = document.createElement("TR")
    var td1 = document.createElement("TD")
    td1.appendChild(document.createElement("INPUT"))
    var td2 = document.createElement("TD")
    td2.appendChild (document.createElement("INPUT"))
    row.appendChild(td1);
    row.appendChild(td2);
    tbody.appendChild(row);
  }
</script>

saludos.

[*Emilio*]

Creo que la forma que menos te va a complicar la vida es que estén todas creadas y con el/los botones que quieras que se vayan visualizando.

Código PHP:

document.getElementById( el_id_de_tu_objeto ).style.display ='block';
document.getElementById( el_id_de_tu_objeto ).style.display ='none';