Gracias por tu ayuda. Me has resuelto el problema, pero sobre todo me has enseñado y te lo agradezco. Mi forma de programación es tan mala porque estoy tratando de aprender javascript por mi cuenta. Así que te agradezco que resaltases todos mis errores.
El código va genial. Te escribo como lo he puesto para que lo veas:
Código Javascript
:
Ver original<html>
<head>
<script>
var pos=0;
function anadir(formulario,boton) {
pos++;
//enable delete button
BotonEliminar=document.getElementById("Eliminar");
BotonEliminar.disabled=false;
//crear combo-box
sel=document.createElement('select');
sel.setAttribute("name","tipo_in" + pos);
sel.setAttribute("id","tipo_in" + pos);
option=document.createElement('option');
option.value="0";
option.innerHTML="(Por favor, escoja:)";
sel.appendChild(option);
option=document.createElement('option');
option.value="1";
option.innerHTML="campo 1";
sel.appendChild(option);
option=document.createElement('option');
option.value="2";
option.innerHTML="campo 2";
sel.appendChild(option);
option=document.createElement('option');
option.value="3";
option.innerHTML="campo 3";
sel.appendChild(option);
option=document.createElement('option');
option.value="4";
option.innerHTML="campo 4";
sel.appendChild(option);
formulario.insertBefore(sel,boton);
//crear text nombre
elem=document.createElement('input');
elem.setAttribute("type","text");
elem.setAttribute("size","30");
elem.setAttribute("maxlength","30");
elem.setAttribute("name","nombre_in" + pos);
elem.setAttribute("id","nombre_in" + pos);
formulario.insertBefore(elem,boton);
//crear text apellido1
elem=document.createElement('input');
elem.setAttribute("type","text");
elem.setAttribute("size","30");
elem.setAttribute("maxlength","30");
elem.setAttribute("name","apellido1_in" + pos);
elem.setAttribute("id","apellido1_in" + pos);
formulario.insertBefore(elem,boton);
//crear text apellido2
elem=document.createElement('input');
elem.setAttribute("type","text");
elem.setAttribute("size","30");
elem.setAttribute("maxlength","30");
elem.setAttribute("name","apellido2_in" + pos);
elem.setAttribute("id","apellido2_in" + pos);
formulario.insertBefore(elem,boton);
//crear salto de linea
elem=document.createElement('br');
formulario.insertBefore(elem,boton);
}
function eliminar(formulario) {
if(pos>0)
{
kill=document.getElementById("tipo_in" + pos);
formulario.removeChild(kill);
kill=document.getElementById("nombre_in" + pos);
form.removeChild(kill);
kill=document.getElementById("apellido1_in" + pos);
form.removeChild(kill);
kill=document.getElementById("apellido2_in" + pos);
form.removeChild(kill);
pos--;
if(pos==0)
{
document.getElementById("Eliminar").disabled="true";
}
}
}
</script>
</head>
<body>
<form action="llega.php" name="form" id="form" method="post">
<p>AÑDIDOS:</p>
<input type="button" value="Añadir" onClick="anadir(this.form,this)"/>
<input type="button" value="Eliminar" id="Eliminar" disabled="true" onClick="eliminar(this.form)"/>
<input type="submit" value="Enviar" />
</form>
<br />
</body>
</html>
Por último comentarte que no uso tablas porque este código ha de incrustarse a un formulario mayor y no está contemplado usar tablas dentro de ese formulario.
Aun tengo que hacerle a este código un par de cosas:
-limpiar el espaciado que sale al añadir y eliminar cosas y volver a añadir cosas nuevas
-enviar la variable pos.
Se que lo primero sería englobando todo dentro de un <div> o un <p> y eliminar directamente ese <div> o <p>
o tal vez con un .css haciendo un reset de margin y padding.
Lo segundo sería pasando la variable: "pos" a php en un imput "hide"
Pero todo esto queda fuera del tema del post, el cual ya está resuelto.
A seguir aprendiendo toca :)
Gracias!
PD: no sé si tengo que cerrar el tema de alguna manera