Ver Mensaje Individual
  #9 (permalink)  
Antiguo 16/08/2011, 02:28
Avatar de Batan
Batan
 
Fecha de Ingreso: septiembre-2010
Ubicación: Madrid
Mensajes: 408
Antigüedad: 14 años, 3 meses
Puntos: 63
Respuesta: creacion de nuevo formulario con un boton

Bueno @luigieder

Decirte que probando el código, vi que no era la forma correcta. Ya que si te fijas, tus campos y tu boton no estan dentro del formulario tal y como esta.

Bueno no hay fallos casi.
Tan solo que cuando imprimes por pantallas los elemento, los imprimes por separado. Esos input no estan dentro de tu formulario, por lo cual al enviar los datos por el formulario no llevan a ningun lado.

La forma correcta no esta en imprimir cada elemeto, solo tienes que imprimir el formulario una sola vez.


Este seria el modo correcto
Código Javascript:
Ver original
  1. <script type="text/javascript" language="javascript">
  2. function agregarFormulario(){
  3. var nuevoForm = document.createElement('form');//Crear el formulario; , quitalo de aquí 'method=post','action=form.php'
  4. var nuevoLabel = nuevoForm.appendChild(document.createElement('label'));//Creamos un label con un texto de referencia
  5. var nuevoInputText = nuevoForm.appendChild(document.createElement('input'));//Dentro del formulario creas la caja
  6. var otroInputText = nuevoForm.appendChild(document.createElement('input'));//Una segunda caja
  7. var nuevoInputBoton = nuevoForm.appendChild(document.createElement('input'));//Dentro del formulario crear el boton
  8. var division = document.getElementsByTagName('division')[0];// guardas en una variable la etiqueta donde quieras mostrar el formulario.
  9.  
  10. nuevoForm.method = 'get';//tipo de methodo
  11. nuevoForm.action = 'form.php';//tipo de action
  12. nuevoInputText.type = 'text'; //defines el tipo de la caja
  13. nuevoInputText.value = 'text';//El valor de la caja
  14. otroInputText.type='text';//Segunda caja
  15. nuevoInputBoton.type = 'submit'; //defines el tipo del boton
  16. nuevoInputBoton.value = 'Guardar';//su valor
  17. nuevoLabel.innerHTML = 'Nombre: ';//texto de referencia
  18.  
  19. document.getElementById('division').insertBefore(nuevoForm,division);//muestras el formulario y sus campos
  20. }
  21. </script>

Con estoya tendrias el formulario funcionando correctamente.

Saludos

Última edición por Batan; 16/08/2011 a las 02:38