Hola.
Necesito crear filas de manera dinamica para una tabla, hasta aqui no hay problema, puedo crear hasta n filas, el problema es que el alto de la pagina se va extendiendo, así que opte por crear una nueva columna pero aun no logro hacerlo, todo esto con javascript.
Aqui el código que tengo del script
<script language="javascript" type="text/javascript">
var posicionCampo=1;
function agregarEquipo(){
nuevaFila = document.getElementById("equipos").insertRow(-1);
nuevaFila.id=posicionCampo;
if(esImpar(posicionCampo)){
nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML="<tr id='impar'><td><input type='text' size='30' maxlength='50' id='txtEquipo"+posicionCampo+"' name='txtEquipo"+posicionCampo+"' class='required' onBlur='valida(this)'></td>";
nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML="<td><a onclick='eliminarEquipo(this)'><font color='#FF3333'><u>Eliminar</u></font></a></td></tr>";
}else{
nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML="<tr id='par'><td><input type='text' size='30' maxlength='50' id='txtEquipo"+posicionCampo+"' name='txtEquipo"+posicionCampo+"' class='required' onBlur='valida(this)'></td>";
nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML="<td><a onclick='eliminarEquipo(this)'><font color='#FF3333'><u>Eliminar</u></font></a></td></tr></tr>";
}
var total = document.getElementById( "txtTotal" );
total.value = posicionCampo;
posicionCampo++;
}
</script>
Aquí como tengo inicialmente la estructura de la tabla.
<table id="equipos" border="0">
<tr id="impar"></tr>
<tr id="par"></tr>
</table>
Alguien sabe como puedo solucionarlo?.
Gracias
encontré ésto por internet, a ver si te sirve
<SCRIPT LANGUAGE="javascript">
function agrega_fila(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>
</HEAD>
<BODY>
<input type="button" value="Agregar Fila" onClick="agrega_fila('mi_tabla')">
<!--a href="javascript:agrega_celda('mi_tabla')">Agrega nueva</a-->
<table id="mi_tabla" cellspacing="0" border="1">
<tbody>
<tr>
<td>Celda1_columna1</td>
<td>Celda1_columna2</td>
</tr>
</tbody>
</table>
</body>
Gracias.
Al final opté por hacerlo de otra forma, la verdad estuve revisando y no miré que ya habías propuesto una solución.
Saludos