Aparte ahora me han surgido un par de problemas:
Solo puedo hacer Mas Pasos 3 veces, no más, y no se porque.
y al eliminar un paso solo puedo eliminar uno,no más.
¿Alguien que entienda y me eche una mano?
Código HTML:
<body> <div id="div_form_colaborar"> <form id="form_colaborar" action="colaborar.asp" method="post"> <fieldset id="div_datos_0"> <div id="div_foto"> <label class="estiloEtiqueta" id="label_foto" for="foto">Nombre foto:</label> <input id="foto" name="foto" size="65" type="text" /> </div> <div id="div_texto"> <label class="estiloEtiqueta" id="label_texto" for="texto">Descripción:</label> <textarea name="texto" id="texto" cols="50" rows="8"></textarea> </div> <div id="div_eliminar"> <input id="eliminar_0" type="button" value="Eliminar Paso" onclick="eliminar('div_datos_0')" /> </div> </fieldset> <fieldset id="div_envio"> <div id="div_enviar"> <input id="mas" value="Más pasos" type="button" onclick="masPasos()" /> <input id="enviar" value="Enviar" type="submit"/> </div> </fieldset> </form> </div> </body>
Código:
var numCont = 1; function masPasos(){ var form = document.getElementById("form_colaborar"); var div_envio = document.getElementById("div_envio"); var fieldset = document.getElementById("div_datos_0"); var copiaNodo = fieldset.cloneNode(true); copiaNodo.setAttribute("id", "div_datos_"+numCont); var boton = document.getElementById("eliminar_0"); boton.setAttribute("id", "eliminar_"+numCont); boton.setAttribute("onclick", "eliminar('div_datos_"+numCont+"')"); form.insertBefore(copiaNodo, div_envio); numCont++; } function eliminar(identificador){ var fieldset = document.getElementById(identificador); fieldset.parentNode.removeChild(fieldset); numCont--; }