Miren este codigo..!!

roys1985 · #1 (**permalink**) 11/02/2011, 06:10

Tengo este codigo en un lib.js

el cual me debiera crear 3 div..! si los div los cambio por INPUT o SELET lo hace sin ningun problema, al momento de llamarlos desde un onclick lo que hace es solo agregarme los 3 TD abajo de la tabla, no asi los TD y dentro los DIV, si me pueden dar una manito..!!

nuevaFila = document.getElementById("tablaFormulario").insertR ow(-1);
nuevaFila.id=posicionCampo;

nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML="<td><div id='div_mac2'></div></td>";

nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML= "<td><div id='div_ubi2'></div></td>";

nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML="<td><div id='div_respCpe2'></div></td>";

omarMusic · #2 (**permalink**) 11/02/2011, 09:42

Haciendo algunos cambios, espero sea esto lo que deseas hacer:

Código HTML:

Ver original<html>
<head>
<script type="text/javascript">
var posicionCampo = 1;
function agregarFila () {
    nuevaFila = document.getElementById("tablaFormulario").insertRow(-1);
    nuevaFila.id=posicionCampo;
 
    nuevaCelda=nuevaFila.insertCell(-1);
    nuevaCelda.innerHTML="<div id='div_mac2'></div>";
 
    nuevaCelda=nuevaFila.insertCell(-1);
    nuevaCelda.innerHTML= "<div id='div_ubi2'></div>";
 
    nuevaCelda=nuevaFila.insertCell(-1);
    nuevaCelda.innerHTML="<div id='div_respCpe2'></div>";
    posicionCampo++;
}
</script>
</head>
<body>
<button onclick="agregarFila();">Agregar fila</button><br />
<table id="tablaFormulario" border="1">
    <tr>
        <th>Titulo 1</th>
        <th>Titulo 2</th>
        <th>Titulo 3</th>
    </tr>
</table>
</body>
</html>

suerte!