Wenass
Estoy haciendo un formulario dinámico, con botones para crear más campos con sus respectivos botones para eliminarlos, pero no puedo eliminar los campos que creo.
Este es el código:
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" name="eliminar" 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]
Y esta la funcion javascript
:
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");
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);
}