Foros del Web » Programando para Internet » Javascript »

Añadir campos de formulario sin refrescar la página

Estas en el tema de Añadir campos de formulario sin refrescar la página en el foro de Javascript en Foros del Web. Hola a todos Necesito un scrip para añadir varios campos de un formulario al pulsar un boton, tipo al siguient ejemplo: http://www.telefonica.net/web2/blas-mar/crear.html El problema que ...
  #1 (permalink)  
Antiguo 30/10/2009, 12:16
 
Fecha de Ingreso: junio-2003
Mensajes: 778
Antigüedad: 21 años, 5 meses
Puntos: 1
Añadir campos de formulario sin refrescar la página

Hola a todos

Necesito un scrip para añadir varios campos de un formulario al pulsar un boton, tipo al siguient ejemplo: http://www.telefonica.net/web2/blas-mar/crear.html

El problema que tengo es que no es solamente un campo sino varios, como ejemplo este código:

Código:
<form name="form1" method="post" action=""> 
<table width="500" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="117">&nbsp;</td>
    <td width="383">&nbsp;</td>
  </tr>
  <tr>
    <td>Nombre:</td>
    <td> 
        <input type="text" name="nombre" id="nombre">
    </td>
  </tr>
  <tr>
    <td>Direcci&oacute;n:</td>
    <td><input type="text" name="direccion" id="direccion"></td>
  </tr>
  <tr>
    <td>CP:</td>
    <td><input type="text" name="cp" id="cp"></td>
  </tr>
  <tr>
    <td>Localidad:</td>
    <td><input type="text" name="localidad" id="localidad"></td>
  </tr>
</table>
</form>
¿Como puedo hacer que clickando un boton aparezcan de nuevo todos los campos del formulario anterior sin refrescar la página?

Gracias a todos
  #2 (permalink)  
Antiguo 02/11/2009, 05:28
 
Fecha de Ingreso: junio-2003
Mensajes: 778
Antigüedad: 21 años, 5 meses
Puntos: 1
Respuesta: Añadir campos de formulario sin refrescar la página

Alguna idea??
  #3 (permalink)  
Antiguo 02/11/2009, 06:16
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 10 meses
Puntos: 126
Respuesta: Añadir campos de formulario sin refrescar la página

Hola

¿Has probado con cloneNode()?

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #4 (permalink)  
Antiguo 02/11/2009, 11:36
 
Fecha de Ingreso: junio-2003
Mensajes: 778
Antigüedad: 21 años, 5 meses
Puntos: 1
Respuesta: Añadir campos de formulario sin refrescar la página

Acabo de hacer la prueba y lo malo es que me clona tambien los valores de los campos del formulario... ¿Alguna idea?
  #5 (permalink)  
Antiguo 02/11/2009, 13:25
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 10 meses
Puntos: 126
Respuesta: Añadir campos de formulario sin refrescar la página

Hola

Entonces has de seguir el ejemplo de JavierB y crear los campos uno por uno usando createElement, poniendole a cada uno los atributos, ...

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #6 (permalink)  
Antiguo 02/11/2009, 14:27
 
Fecha de Ingreso: junio-2003
Mensajes: 778
Antigüedad: 21 años, 5 meses
Puntos: 1
Respuesta: Añadir campos de formulario sin refrescar la página

Pues no estoy muy puesto en el tema del DOM...
¿Tenéis algún ejemplo que pueda revisar para ver como hacerlo?
  #7 (permalink)  
Antiguo 02/11/2009, 14:52
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 10 meses
Puntos: 126
Respuesta: Añadir campos de formulario sin refrescar la página

Cita:
Iniciado por Operadormail Ver Mensaje
Pues no estoy muy puesto en el tema del DOM...
¿Tenéis algún ejemplo que pueda revisar para ver como hacerlo?
No se que mas ejemplo quieres, ya tienes uno perfectamente explicado

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #8 (permalink)  
Antiguo 02/11/2009, 17:03
 
Fecha de Ingreso: junio-2003
Mensajes: 778
Antigüedad: 21 años, 5 meses
Puntos: 1
Respuesta: Añadir campos de formulario sin refrescar la página

¿? Donde esta el ejemplo? :)
  #9 (permalink)  
Antiguo 02/11/2009, 17:05
 
Fecha de Ingreso: junio-2003
Mensajes: 778
Antigüedad: 21 años, 5 meses
Puntos: 1
Respuesta: Añadir campos de formulario sin refrescar la página

¿? Donde esta el ejemplo? :) gracias por tu paciencia
  #10 (permalink)  
Antiguo 03/11/2009, 05:16
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 10 meses
Puntos: 126
Respuesta: Añadir campos de formulario sin refrescar la página

Cita:
Iniciado por Operadormail Ver Mensaje
Necesito un scrip para añadir varios campos de un formulario al pulsar un boton, tipo al siguient ejemplo: http://www.telefonica.net/web2/blas-mar/crear.html
En el link que tu mismo usastes como ejemplo de lo que quieres

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #11 (permalink)  
Antiguo 03/11/2009, 09:46
 
Fecha de Ingreso: junio-2003
Mensajes: 778
Antigüedad: 21 años, 5 meses
Puntos: 1
Respuesta: Añadir campos de formulario sin refrescar la página

Gracias Adler. Intentaré resolverlo... a ver si puedo.
Job a tu lado es un mediocre.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:29.