creo divs con innerhtml y me machaca el contendio

andymony · #1 (**permalink**) 05/04/2011, 03:59

Hola tengo un problemilla soy novato en esto de la programación y acabí un cursito hace poco así que disculpad mi torpeza...
Hestoy intentando crear divs con la funcion innerhtml tengo este contnido en el html
<body>

<div class="pagina">
<div class="miform">
<form id="form1" name="formu" method="post" /><br/>
<div class="celda" id="celda" name="celda">
<input type="text" name="valor1" id="id1" value="" onchange="sumar(this)"/>
</div>
</form>
</div>
</div>
y en el java intento crearlos así lo que pretendo es que se agregen divs conforme cambie de celda, pero me machaca el contenido que hay en la primera celda si coloco un cinco y le doy al tabulador me lo borra

function sumar(formu)
{
var i=1;
var micelda=document.formu.valor1.value;
document.getElementById("form1").innerHTML +="<div class='celda' id='celda'><input type='text' name='valor1' id='id2' value='' onchange='sumar(this)'/></div>";

document.getElementById("id1").innerHTML += micelda;
}

moscrates · #2 (**permalink**) 05/04/2011, 04:24

puedes usar createElemet, junto con appendChild para crear el div

Código Javascript:

Ver originalvar i=1;
var micelda=document.formu.valor1.value;
var formu = document.getElementById("form1");
var div = document.createElement("div");
div.id = "celda";
 
var text = document.createElment("<input type='text' name='valor1' id='id2' value='' onchange='sumar(this)'/>");
 
 
div.appendChild(text);
formu.appendChild(formu);

yo estoy creando campos asi.
es una sugerencia.
ojo --> este codigo lo tecle sin probar