Foros del Web - Ver Mensaje Individual

xbx · #4 (**permalink**) 25/07/2008, 22:05

Cita:

Iniciado por jmagago84

Muchas gracias por tu respuesta, pero ¿¿es posible hacerlo sin introducir ningún div, es decir, haciendo que en vez de colocarse los nuevos elementos al final del body, que se coloquen siempre antes de los botones???

De todas formas voy a probar la que me has dicho

Gracias!!

Si, si. Es posible.

Código HTML:

<html>
<head>
<script type="text/javascript">
function masCampos()
{
    var mas = document.getElementById("mas");
    var form = document.getElementById("form");

    var labelFoto = document.createElement("label");
    var textFoto = document.createTextNode("Nombre foto:");
    labelFoto.appendChild(textFoto);
    form.insertBefore(labelFoto,mas);

    var input = document.createElement("input");
    form.insertBefore(input,mas);

    var p1 = document.createElement("p");
    form.insertBefore(p1,mas);

    var labelDescripcion = document.createElement("label");
    var textLabel = document.createTextNode("Descripción");
    labelDescripcion.appendChild(textLabel);
    form.insertBefore(textLabel,mas);

    var textArea = document.createElement("textarea");
    form.insertBefore(textArea,mas);

    var p2 = document.createElement("p");
    form.insertBefore(p2,mas);
}
</script>
</head>

<body>

<form id="form" action="prueba.asp" method="post">
<p>
<label id="foto" for="foto">Nombre foto:</label>
<input id="foto" name="foto" type="text" />
</p>
<p>
<label id="texto" for="texto">Descripción:</label>
<textarea name="texto" id="texto"></textarea>
</p>

<input id="mas" value="Más pasos" type="button" onclick="masCampos()"/>
<input id="enviar" value="Enviar" type="submit"/>
</form>
</body>
</html>