Iframe + botón + caja de texto + links

neptuno335 · #1 (**permalink**) 05/08/2011, 15:40

Hola, qué tal!

Estoy haciendo una pequeña página, y mi página tiene básicamente tres elementos:
- Un iframe llamado "Ventana"
- Un botón
- Una caja de texto llamada "Nombre"

Lo que quiero hacer es que al darle click al botón, la dirección que yo haya escrito en la caja de texto sea ahora la dirección de la página que muestra mi iframe.

Ya he buscado algo, pero solo he encontrado como cambiar la página del iframe con el botón, pero es una página predeterminada, y yo necesito que sea la página que esté ingresando en ese momento en la caja de texto.

Saludos.

skiper0125 · #2 (**permalink**) 05/08/2011, 16:07

Hola que tal.

Te dejo este ejemplo pero no tiene que ver con javascript.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
 
<body>
<form id="form1" name="form1" method="post" action="1.php" target="ventana">
  direccion
  <label>
    <input type="text" name="pag" id="pag" />
  </label>
  <label>
    <input type="submit" name="button" id="button" value="Enviar" />
  </label>
</form>
<br />
<iframe width="100%" height="500" name="ventana" id="ventana" src="http://<?php echo $_POST['pag']; ?> "></iframe>
 
</body>
</html>

Nota 1.php es el nombre original de la página

Saludos

neptuno335 · #3 (**permalink**) 05/08/2011, 16:35

Hola!

Gracias por responderme. El problema es que aquí me enviaría directamente a "1.php" (o al menos eso pasó cuando añadí el código a mi página, espero que no sea porque no tengo ningún programa para trabajar con php

), y lo que yo estoy tratando de hacer es que primero se introduzca una dirección en la caja de texto, luego al presionar el botón el iframe se cambie a la página que se introdujo.
¿No existe algo para acceder al valor de la caja de texto así como target.location.href=Nombre.value?

skiper0125 · #4 (**permalink**) 05/08/2011, 16:50

Cita:

Iniciado por neptuno335

¿No existe algo para acceder al valor de la caja de texto así como target.location.href=Nombre.value?

claro que existe

pero no sabia que no ocupabas php

aqui te dejo el ejemplo

Código PHP:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
<script language="javascript" type="text/javascript">
    function valida(){
        var url=document.getElementById("pag").value;
        var tu_frame = document.getElementById("ventana");
        tu_frame.src = "http://"+url;
    }
</script>
<body>
<form id="form1" name="form1" method="post" >
  direccion
  <label>
    <input type="text" name="pag" id="pag" />
  </label>
  <label>
    <input  type="button" name="button" id="button" value="Enviar" onclick="javascript:valida()" />
  </label>
</form>
<br />
<iframe width="100%" height="500" name="ventana" id="ventana" src=""></iframe>
 
</body>
</html>

Saludos

neptuno335 · #5 (**permalink**) 05/08/2011, 16:59

Muchas gracias :)