Abrir pop up mediante un formulario

Caboz · #1 (**permalink**) 12/06/2010, 15:59

Hola, primero que nada, quiero decir que soy totalmente novato en HTML.

Tengo que Hacer una pagina que mediante un "formulario" (creo que es asi lo que quiero), Abrir un popup, pero con la direccion que YO ponga en un cuadro. Así que cuando se le de a Submit , aparezca la pagina solicitada en forma de pop-up.

Agradezco sus respuestas, si quieren pueden colocar tutoriales de como hacer lo que quiero, he buscado pero nada...

Saludos.

maycolalvarez · #2 (**permalink**) 13/06/2010, 16:42

lo que se me ocurre es que abras el popup con window.open('paginaenblanco.htm','popup','opciones para popup'); en el event onsubmit del form y que destines su target al recién popup creado, no lo he probado, pero puede que funcione.

Caboz · #3 (**permalink**) 24/06/2010, 17:08

Código HTML:

<html>
<head>
<title>
:::PRUEBA:::
</title>
<body>
<form>
<input type=text name=testo>
<form name="miFormulario" onSubmit=window.open('testo','popup',)>
<input type="submit" value="Enviar" name="enviar">
</form> 
</body>
</html>

Algo así..?
La verdad que soy totalmente novato, y la info. que encuentro se hace más confusa para mi.

PD: Lamento no haber constestado antes, tuve problemas con el internet

_cronos2 · #4 (**permalink**) 24/06/2010, 18:12

Ese código está lleno de errores:

Código HTML:

Ver original<html>
<head>
<title>
:::PRUEBA:::
</title>
</head>
<!--hay que cerrar todos los tags que se abran-->
<body>
<!--si vas a definir el form más tarde no lo hagas aquí-->
<!--todos los valores de los atributos deben ir entrecomillados-->
<!--es imprescindible en un form declarar su action y method-->
<form name="miFormulario" action='' method='post' onsubmit='window.open("tupagina.html","popup");'>
<!--los input se suelen cerrar con '/>'-->
<input type='text' name='testo' />
<!--al abrir un popup debes especificar su ruta-->
<input type="submit" value="Enviar" name="enviar" />
</form> 
</body>
</html>

Saludos (:

Caboz · #5 (**permalink**) 24/06/2010, 18:17

Gracias por corregirme... Tomaré en cuenta lo que me has dicho.

Pero ahora, sigue sin abrir un pop-up.
Necesito abrirlo con el valor que tenga el input, es decir, una pagina web

_cronos2 · #6 (**permalink**) 25/06/2010, 07:10

De una manera sencilla:

Código HTML:

Ver original<html>
<head>
<title>
:::PRUEBA:::
</title>
</head>
<body>
<form name="miFormulario" action='' method='post' onsubmit='window.open(document.forms['miFormulario'].elements['testo'].value,"popup");'>
<input type='text' name='testo' />
<input type="submit" value="Enviar" name="enviar" />
</form> 
</body>
</html>

Abre el popup con el valor que tenga la caja de texto.

Saludos (:

Caboz · #7 (**permalink**) 25/06/2010, 20:28

Muchas Gracias por tu tiempo, pero sigo teniendo problemas. Sigue sin abrir un popup...

caricatos · #8 (**permalink**) 26/06/2010, 01:31

Hola:

Depender de javascript para enlazar es poco serio, pero si dispones de algún lenguaje del servidor los pasos serían:

Enlazar como se explica en este artículo: Formularios y enlaces dirigidos a ventanas, pero el destino que sea hacia una página intermedia, por ejemplo ir.php...

<form action="ir.php" method="get" target="popup" onsubmit="window.open('', 'popup', 'width=600,height=400')">
<input type="text" name="a" value="http://www.forosdelweb.com" readonly="readonly" />
<button type="submit" >ir</button>
</form>
Con este formulario al pulsar sobre el submit, se genera una url del tipo:

ir.php?a=http://www.forosdelweb.com

Y en ir.php

<?
header("Location:".$_GET["a"]);
?>

Por cierto [edito], los input pueden cerrarse solo con ">", dependiendo de la DTD que se use... (HTML o XHTML)

Saludos

Caboz · #9 (**permalink**) 26/06/2010, 17:47

Hola:

Mira he probado lo que me dices, pero de forma local. No los voy a ocupar en un servidor. Así que los probé en mi pc y a la hora de hacer click en "ir", abre el pop-up, pero no carga el valor de la caja del texto...

Queda una pagina en blanco con esta dirección

Código:

file:///D:/HTML/ir.php?a=http%3A%2F%2Fwww.forosdelweb.com

Saludos. y Gracias por el tiempo que se toman en ayudar

Caboz · #10 (**permalink**) 02/07/2010, 17:48

Hola lamento hacer doble post...

pero, necesito saber la respuesta a mi duda, solamente queda en blanco la pagina cargada con el archivo .php

Carlangueitor · #11 (**permalink**) 02/07/2010, 18:10

Tienes instalado y corriendo el servidor Apache y PHP? si no, no funcionará.