Foros del Web » Creando para Internet » HTML »

Ver datos ingresados en formulario en otra ventana windows

Estas en el tema de Ver datos ingresados en formulario en otra ventana windows en el foro de HTML en Foros del Web. Hola masters! quisiera que me ayuden con un tema: quiero que al llenar un formulario y dar clic en un boton se abra una ventana ...
  #1 (permalink)  
Antiguo 07/10/2010, 12:43
 
Fecha de Ingreso: octubre-2010
Mensajes: 2
Antigüedad: 7 años, 2 meses
Puntos: 0
Pregunta Ver datos ingresados en formulario en otra ventana windows

Hola masters! quisiera que me ayuden con un tema:
quiero que al llenar un formulario y dar clic en un boton se abra una ventana nueva diciendo:
Bienvenida + mi nombre ingresdo en el formulario + mi apellido+ el dia y hora actual.

Tengo este codigo pero no me sale: AYUDENME POR FA

<html> <head>
<title>Efectos de carga y descarga de una página</title>
<script language="Javascript">
function carga()
{
var opciones="left=100,top=100,width=250,height=150";
miventana = window.open("","opcional",opciones);
miventana.document.write("Bienvenido: "+forma.nombres.value)+(forma.apel.value)+"ust ed ha ingresado a la pagina el dia:"+mueveReloj();
}
function descarga() { var opciones="left=100,top=100,width=250,height=150";
miventana =window.open("","opcional",opciones); miventana.document.write("Gracias por visitar nuestra página");
}

function mueveReloj(){
var LaFecha=new Date();
var Mes=new Array("Enero","Febrero","Marzo","Abril","Mayo","Ju nio","Julio","Agosto","Septiembre","Octubre","Nov i embre","Diciembre");
var diasem=new Array('domingo','lunes','martes','miercoles','juev es','viernes','sabado');
var diasemana=LaFecha.getDay();
var FechaCompleta="";
var NumeroDeMes="";
var hora = LaFecha.getHours();
var minuto = LaFecha.getMinutes();
var segundo = LaFecha.getSeconds();
NumeroDeMes=LaFecha.getMonth();
FechaCompleta=diasem[diasemana]+" "+LaFecha.getDate()+" de "+Mes[NumeroDeMes]+" de "+LaFecha.getFullYear()+" "+hora+":"+minuto+":"+segundo;
document.getElementById('pepe').innerHTML=FechaCom pleta;
setTimeout('mueveReloj()',1000)
}

function visitar()
{
var errtxt = "";
var errcnt = 0;
// validamos que ninguno de los campos sea en blanco
if (!forma.nombres.value) //si el campo nombre esta en blanco
{
errtxt = errtxt + "\nNo debe dejar el nombre en blanco!";
errcnt+= 1;
}
if (!forma.apel.value)
{
errtxt = errtxt + "\nNo debe dejar el apellido en blanco!";
errcnt+= 1;
}
}
</script>
</head>
<body onLoad="carga();" onUnload="descarga();">
<form name="forma" method="post" action="">
<table width="35%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><div align="center" class="Estilo1">Tema1: Formulario
</div></td>
</tr>
<tr>
<td><span class="Estilo4">Nombres: </span></td>
<td><input name="nombres" type="text" ></td>
</tr>
<tr>
<td><span class="Estilo4">Apellidos: </span></td>
<td><input name="apel" type="text" ></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input name="enviar" type="button" id="enviar3" value="Activar"
onClick="visitar();"></td>
</tr>
</table>
<p>&nbsp; </p>
</form>
</body>
</html>
  #2 (permalink)  
Antiguo 07/10/2010, 20:31
Avatar de carmagedon  
Fecha de Ingreso: junio-2005
Ubicación: Argentina
Mensajes: 794
Antigüedad: 12 años, 5 meses
Puntos: 23
Respuesta: Ver datos ingresados en formulario en otra ventana windows

Hola,

Bueno, ahí lo acomodé un poco. Igual hay que trabajar bastante para mejorarlo, pero creo que lo que necesitabas está funcionando.

Cualquier cosa nos avisas.

Código Javascript:
Ver original
  1. <html>
  2.     <head>
  3.         <title>Efectos de carga y descarga de una p&#225;gina</title>
  4.         <script language="javascript" type="text/javascript">
  5.             function visitar(){
  6.                 var errtxt = "";
  7.                 var errcnt = 0;
  8.                 // validamos que ninguno de los campos sea en blanco
  9.                 try{
  10.                     if (forma.nombres.value.length == 0) //si el campo nombre esta en blanco
  11.                     {
  12.                         errtxt = errtxt + "\nNo debe dejar el nombre en blanco!";
  13.                         errcnt+= 1;
  14.                     }
  15.                 }catch(e){                    
  16.                 }
  17.                 try{
  18.                     if (forma.apel.value.length == 0)
  19.                     {
  20.                         errtxt = errtxt + "\nNo debe dejar el apellido en blanco!";
  21.                         errcnt+= 1;
  22.                     }
  23.                 }catch(e){                    
  24.                 }
  25.             }
  26.  
  27.             function carga()
  28.             {
  29.                 var opciones="left=100,top=100,width=250,height=150";
  30.                 miventana = window.open("","opcional",opciones);
  31.                 miventana.document.write("Bienvenido: "+forma.nombres.value)+(forma.apel.value)+"usted ha ingresado a la pagina el dia: "+mueveReloj();
  32.             }
  33.             function descarga() {
  34.                 var opciones="left=100,top=100,width=250,height=150";
  35.                 miventana = window.open("","opcional",opciones); miventana.document.write("Gracias por visitar nuestra página");
  36.                 window.open("","opcional","left=100,top=100,width=250,height=150");
  37.             }
  38.  
  39.             function mueveReloj(){
  40.                 var LaFecha=new Date();
  41.                 var Mes=new Array("Enero","Febrero","Marzo","Abril","Mayo","Ju nio","Julio","Agosto","Septiembre","Octubre","Nov i embre","Diciembre");
  42.                 var diasem=new Array('domingo','lunes','martes','miercoles','juev es','viernes','sabado');
  43.                 var diasemana=LaFecha.getDay();
  44.                 var FechaCompleta="";
  45.                 var NumeroDeMes="";
  46.                 var hora = LaFecha.getHours();
  47.                 var minuto = LaFecha.getMinutes();
  48.                 var segundo = LaFecha.getSeconds();
  49.                 NumeroDeMes=LaFecha.getMonth();
  50.                 FechaCompleta=diasem[diasemana]+" "+LaFecha.getDate()+" de "+Mes[NumeroDeMes]+" de "+LaFecha.getFullYear()+" "+hora+":"+minuto+":"+segundo;
  51.                 document.getElementById('pepe').innerHTML=FechaCompleta;
  52.                 setTimeout('mueveReloj()',1000)
  53.             }
  54.  
  55.         </script>
  56.     </head>
  57.  
  58.     <body onLoad="javascript:carga()" onUnload="javascript:descarga()">
  59.         <form name="forma" method="post" action="">
  60.             <table width="35%" border="0" cellspacing="0" cellpadding="0">
  61.                 <tr>
  62.                     <td colspan="2"><div align="center" class="Estilo1">Tema1: Formulario
  63.                         </div></td>
  64.                 </tr>
  65.                 <tr>
  66.                     <td><span class="Estilo4">Nombres: </span></td>
  67.                     <td><input name="nombres" type="text" ></td>
  68.                 </tr>
  69.                 <tr>
  70.                     <td><span class="Estilo4">Apellidos: </span></td>
  71.                     <td><input name="apel" type="text" ></td>
  72.                 </tr>
  73.                 <tr>
  74.                     <td>&nbsp;</td>
  75.                     <td><input type="button" name="enviar" id="enviar3" value="Activar" onclick="javascript:visitar()"></td>
  76.                 </tr>
  77.             </table>
  78.             <p>&nbsp; </p>
  79.         </form>
  80.     </body>

Saludos!
__________________
Freelance - Aplicaciones Web
  #3 (permalink)  
Antiguo 09/10/2010, 13:18
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Ver datos ingresados en formulario en otra ventana windows

dguerrah:

en realidad tu objetivo no es del todo claro, no se sabe si lo que querés es procesar un formulario o simplemente que este genere una nueva ventana con los datos del usuario y la fecha.

Si fuese lo primero, sería mucho más logico, y podrias cargar la página que procesa en una nueva ventana con el formato que vos desees. Pero el "action" de tu form no especifica valor alguno. En fin , no me suena muy lógico, pero te paso un código para generar lo que querés, validación incluida.

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es" >
  4. <title>Form con validación y submit en Popup</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <meta name="description" content="x" />
  7. <meta name="keywords" content="x" />
  8. <meta http-equiv="Content-Language" content="ES" />
  9. <meta http-equiv="Content-Style-Type" content="text/css" />
  10. <meta http-equiv="Content-Script-Type" content="text/javascript" />
  11. <meta http-equiv="imagetoolbar" content="no" />
  12. <meta name="copyright" content="&copy; 2006, Guillermo Gianello" xml:lang="es" lang="es" />
  13. <meta name="author" content="http://emprear.com"  xml:lang="es" lang="es" />
  14. <script type="text/javascript">
  15. //<![CDATA[
  16.  
  17. var LaFecha=new Date();
  18. var Mes=new Array("Enero","Febrero","Marzo","Abril","Mayo","Ju nio","Julio","Agosto","Septiembre","Octubre","Nov i embre","Diciembre");
  19. var diasem=new Array('domingo','lunes','martes','miercoles','juev es','viernes','sabado');
  20. var diasemana=LaFecha.getDay();
  21. var FechaCompleta="";
  22. var NumeroDeMes="";
  23. var hora = LaFecha.getHours();
  24. var minuto = LaFecha.getMinutes();
  25. var segundo = LaFecha.getSeconds();
  26. NumeroDeMes=LaFecha.getMonth();
  27. FechaCompleta=diasem[diasemana]+" "+LaFecha.getDate()+" de "+Mes[NumeroDeMes]+" de "+LaFecha.getFullYear()+"<br>a las"+hora+":"+minuto+":"+segundo;
  28.  
  29. function validar_form ( )
  30. {
  31.     //var valido = true;
  32. var vnombre = document.form_contacto.nombre.value;
  33. var vapellido = document.form_contacto.apellido.value;
  34.  
  35.        if ( vnombre == "" )
  36.        {
  37.                alert ( "Debe ingresar su nombre" );
  38. document.form_contacto.nombre.focus();
  39.                return false;
  40.                exit;
  41.        }
  42.  
  43.        if ( vapellido == "" )
  44.        {
  45.                alert ( "Debe ingresar su apellido" );
  46. document.form_contacto.apellido.focus();
  47.                return false;
  48.                exit;
  49.        }
  50.  
  51.  var nuevaVentana=window.open('','name','height=400,width=500');
  52.  
  53.  nuevaVentana.document.write('<html><head><title>Popup<\/title>');
  54.  nuevaVentana.document.write('<\/head><body>');
  55.  nuevaVentana.document.write('<p>Gracias <b>' + vnombre + ' ' + vapellido + '<\/b><\/p>');
  56.  nuevaVentana.document.write('<p>has ingresado a este sitio a las <span id="pepe">' + FechaCompleta + ' <\/span><\/p>');
  57.  nuevaVentana.document.write('<p><a href="javascript:self.close()">Cerrar<\/a> esta ventana.<\/p>');
  58.  nuevaVentana.document.write('<\/body><\/html>');
  59.  nuevaVentana.document.close();
  60.  
  61. }
  62.  
  63. //]]>
  64. </head>
  65. <h1>Formulario</h1>
  66. <form name="form_contacto" action="#" method="post" target="nuevaVentana">
  67. <p>Nombre: <input type="text" name="nombre" /></p>
  68. <p>Apellido: <input type="text" name="apellido" /></p>
  69. <p><input type="button" name="procesar" value="enviar" onclick="validar_form();" /><input type="reset" value="borrar" /></p>
  70. </form>
  71. </body>
  72. </html>

Una demo en
http://foros.emprear.com/html/form_blank2.html

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: ver, windows, formulario, ventanas
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 01:40.