Foros del Web » Creando para Internet » HTML »

iframe y form

Estas en el tema de iframe y form en el foro de HTML en Foros del Web. ¿Como puedo enviar una href a un iframe desde un form para que el iframe cambie a la web que le ponga? Si podeis pasarme ...
  #1 (permalink)  
Antiguo 04/09/2009, 04:00
 
Fecha de Ingreso: febrero-2009
Mensajes: 8
Antigüedad: 8 años, 10 meses
Puntos: 0
iframe y form

¿Como puedo enviar una href a un iframe desde un form para que el iframe cambie a la web que le ponga?


Si podeis pasarme un ejemplo os lo agradeceria mucho; gracias de todas meneras ^^
  #2 (permalink)  
Antiguo 04/09/2009, 05:14
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 8 años, 6 meses
Puntos: 1512
Respuesta: iframe y form

Esto lo logras con javascript. Mira este ejemplo http://www.w3schools.com/HTMLDOM/prop_iframe_src.asp
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #3 (permalink)  
Antiguo 04/09/2009, 11:48
 
Fecha de Ingreso: febrero-2009
Mensajes: 8
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: iframe y form

Ahora tengo esto:

Código HTML:
<html>
<body bgcolor="#000000">
<FORM ACTION="" METHOD="POST"> 
<img border="0" onclick="test.location.href='http;//www,google,es/';document.getElementById('test').frameBorder=1" src="world.jpg" width="16" height="16"><img border="0" src="black.jpg" width="16" height="16"><img border="0" onclick="test.location.href='http;//rampage-clan,ukgame,co,uk';document.getElementById('test').frameBorder=1" src="group.jpg" width="16" height="16"><img border="0" src="black.jpg" width="16" height="16"><img border="0" onclick="test.location.href='http;//space,widicommunity,com';document.getElementById('test').frameBorder=1" src="heart.jpg" width="16" height="16"><img border="0" src="black.jpg" width="16" height="16">
<INPUT TYPE="text" NAME="web" size="100">
<img border="0" onclick="changeSource()" src="folder_go.jpg" width="16" height="16" TYPE="submit" />
</FORM>
<p>
<script type="text/javascript">
function changeSource()
  {
  document.getElementById("test").src="URL"
  }
</script>
<iframe src="http;\\www,widicommunity,com" frameborder="0" name="test" id="test" width=100% height=800 border="0" align="absbottom" marginwidth="1" marginheight="1"></iframe>
</p>

</html> 
¿Como utilizo el texto de el campo de texto URL en la funcion changeSource()?

Puse , y ; en las direcciones porque no me deja ponerlas.
  #4 (permalink)  
Antiguo 04/09/2009, 12:01
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 8 años, 6 meses
Puntos: 1512
Respuesta: iframe y form

Tendiras que crear un parametro en la funcion de changeSource y llamar el campo algo así
Código html:
Ver original
  1. <body bgcolor="#000000">
  2. <FORM name="formulario" ACTION="" METHOD="POST">
  3. <img border="0" onclick="test.location.href='http;//www,google,es/';document.getElementById('test').frameBorder=1" src="world.jpg" width="16" height="16"><img border="0" src="black.jpg" width="16" height="16"><img border="0" onclick="test.location.href='http;//rampage-clan,ukgame,co,uk';document.getElementById('test').frameBorder=1" src="group.jpg" width="16" height="16"><img border="0" src="black.jpg" width="16" height="16"><img border="0" onclick="test.location.href='http;//space,widicommunity,com';document.getElementById('test').frameBorder=1" src="heart.jpg" width="16" height="16"><img border="0" src="black.jpg" width="16" height="16">
  4. <INPUT TYPE="text" NAME="web" size="100">
  5. <img border="0" onclick="changeSource(document. formulario.web.value)" src="folder_go.jpg" width="16" height="16" TYPE="submit" />
  6. </FORM>
  7. <p>
  8. <script type="text/javascript">
  9. function changeSource(url)
  10.   {
  11.   document.getElementById("test").src=url
  12.   }
  13. <iframe src="http;\\www,widicommunity,com" frameborder="0" name="test" id="test" width=100&#37; height=800 border="0" align="absbottom" marginwidth="1" marginheight="1"></iframe>
  14. </p>
  15. </html>
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos

Última edición por abimaelrc; 04/09/2009 a las 12:06
  #5 (permalink)  
Antiguo 04/09/2009, 19:34
 
Fecha de Ingreso: febrero-2009
Mensajes: 8
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: iframe y form

Cita:
Iniciado por abimaelrc Ver Mensaje
Tendiras que crear un parametro en la funcion de changeSource y llamar el campo algo así
Código html:
Ver original
  1. <body bgcolor="#000000">
  2. <FORM name="formulario" ACTION="" METHOD="POST">
  3. <img border="0" onclick="test.location.href='http;//www,google,es/';document.getElementById('test').frameBorder=1" src="world.jpg" width="16" height="16"><img border="0" src="black.jpg" width="16" height="16"><img border="0" onclick="test.location.href='http;//rampage-clan,ukgame,co,uk';document.getElementById('test').frameBorder=1" src="group.jpg" width="16" height="16"><img border="0" src="black.jpg" width="16" height="16"><img border="0" onclick="test.location.href='http;//space,widicommunity,com';document.getElementById('test').frameBorder=1" src="heart.jpg" width="16" height="16"><img border="0" src="black.jpg" width="16" height="16">
  4. <INPUT TYPE="text" NAME="web" size="100">
  5. <img border="0" onclick="changeSource(document. formulario.web.value)" src="folder_go.jpg" width="16" height="16" TYPE="submit" />
  6. </FORM>
  7. <p>
  8. <script type="text/javascript">
  9. function changeSource(url)
  10.   {
  11.   document.getElementById("test").src=url
  12.   }
  13. <iframe src="http;\\www,widicommunity,com" frameborder="0" name="test" id="test" width=100% height=800 border="0" align="absbottom" marginwidth="1" marginheight="1"></iframe>
  14. </p>
  15. </html>

Lo de url lo entiendo, pero en el formulario ¿como defino url?
  #6 (permalink)  
Antiguo 04/09/2009, 20:25
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Respuesta: iframe y form

Hola:

Y por qué no pones en el action el destino, el target que apunte al iframe y un simple botón submit... y se queda hasta accesible...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #7 (permalink)  
Antiguo 05/09/2009, 08:21
 
Fecha de Ingreso: febrero-2009
Mensajes: 8
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: iframe y form

Cita:
Iniciado por caricatos Ver Mensaje
Hola:

Y por qué no pones en el action el destino, el target que apunte al iframe y un simple botón submit... y se queda hasta accesible...

Saludos

Eso ya lo tengo, pero necesito que el destino sea el que se escriba en el campo de texto
  #8 (permalink)  
Antiguo 05/09/2009, 10:45
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Respuesta: iframe y form

Cita:
Iniciado por eilex Ver Mensaje
Eso ya lo tengo, pero necesito que el destino sea el que se escriba en el campo de texto
pues entonces puedes mover el valor del campo de texto al action del form...

onsubmit="this.action = texto.value; texto.disabled = true"

o si interesa la accesibilidad hacer una especie de CGI intermedio... con PhP de destino...

action="ir.php" -> header("Location: ".$_GET["texto"]);

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
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 08:55.