Error en código DOM. Ayuda pliss

jmagago84 · #1 (**permalink**) 15/08/2008, 06:35

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);
}

foreverOdd · #2 (**permalink**) 15/08/2008, 07:54

Luego de un par de midificaciones funciono:

Código:

<script>
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 eliminar2(identificador){
	var fieldset = document.getElementById(identificador);
	fieldset.parentNode.removeChild(fieldset);

}
</script>
<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="eliminar2('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>

jmagago84 · #3 (**permalink**) 15/08/2008, 11:54

Me sigue sin ir, he cambiado lo de las comillas en onclick, aunque pienso que el problema está ahi. ¿Que falla?

Gracias.