Problema al crear columna dinamica con javascript

1mpuls0 · 15 Mayo 2012, 00:24 AM

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

Código (javascript) [Seleccionar]


<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.

Código (html) [Seleccionar]


<table id="equipos" border="0">
    <tr id="impar"></tr>
    <tr id="par"></tr>
  </table>

Alguien sabe como puedo solucionarlo?.

Gracias

Neibar · 24 Mayo 2012, 20:30 PM

encontré ésto por internet, a ver si te sirve

Código (javascript) [Seleccionar]

<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>

1mpuls0 · 23 Junio 2012, 19:09 PM

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

Test Foro de elhacker.net SMF 2.1

Problema al crear columna dinamica con javascript

1mpuls0

Neibar

1mpuls0