Autor
|
Tema: Ayuda con iframes... (Leído 3,627 veces)
|
VanX
Wiki
Desconectado
Mensajes: 222
|
Hola, hace tiempo ya que no tocaba nada de php ni html y ahora me surgió una duda. Como se haría para en una "caja de texto" y un botón, que en la caja se escribiera un texto y que por ejemplo en un iframe se abriera una URL mas la de la caja, así: IFRAME: " http://www.google.es/?q=" + "texto de caja de texto" Gracias de antemano
|
|
|
En línea
|
|
|
|
Spider-Net
Desconectado
Mensajes: 1.165
Un gran poder conlleva una gran responsabilidad
|
Se puede hacer fácilmente en javascript. Algo así: javascript:<script> function abrir(){ texto=document.getElementById('caja').value; document.getElementById("contenido").href="http://www.google.es/?q="+texto; } </script>
Si no funcionase con el document.getElementById("contenido").href=" http://www.google.es/?q="+texto; que no estoy seguro, también podrías probar sustituyéndolo por: window.open(" http://www.google.es/?q="+texto, target="contenido") HTML:<input type="text" id="caja" /> <input type="button" value="Buscar" onclick="abrir();" /> <iframe id="contenido" name="contenido" width="600" height="400"></iframe>
Lo he hecho directamente aquí en el foro y no lo he probado, así que puede que tenga algún error, pero básicamente es algo así.
|
|
« Última modificación: 21 Julio 2012, 18:30 pm por Spider-Net »
|
En línea
|
|
|
|
VanX
Wiki
Desconectado
Mensajes: 222
|
Se puede hacer fácilmente en javascript. Algo así: javascript:<script> function abrir(){ texto=document.getElementById('caja').value; document.getElementById("contenido").href="http://www.google.es/?q="+texto; } </script>
Si no funcionase con el document.getElementById("contenido").href=" http://www.google.es/?q="+texto; que no estoy seguro, también podrías probar sustituyéndolo por: window.open(" http://www.google.es/?q="+texto, target="contenido") HTML:<input type="text" id="caja" /> <input type="button" value="Buscar" onclick="abrir();" /> <iframe id="contenido" name="contenido" width="600" height="400"></iframe>
Lo he hecho directamente aquí en el foro y no lo he probado, así que puede que tenga algún error, pero básicamente es algo así. Gracias, una cosa, si quiero que además de usar una sola url sean más en más iframes? Ejemplo: CAJA = París IFRAME 1 = http://www.google.com/?q=parisIFRAME 2 = http://www.google.com/images?q=parisComo lo haría? Gracias de nuevo!
|
|
|
En línea
|
|
|
|
Spider-Net
Desconectado
Mensajes: 1.165
Un gran poder conlleva una gran responsabilidad
|
Tio, pues exactamente igual... tienes pocos o ningún conocimiento sobre páginas web no? xD <script> function abrir(){ texto=document.getElementById('caja').value; document.getElementById("contenido").href="http://www.google.es/?q="+texto; document.getElementById("contenido2").href="http://www.google.com/images?q="+texto; document.getElementById("contenido3").href="http://www.youtube.com/results?search_query="+texto; } </script>
<input type="text" id="caja" /> <input type="button" value="Buscar" onclick="abrir();" /> <iframe id="contenido" name="contenido" width="600" height="400"></iframe> <iframe id="contenido2" name="contenido2" width="600" height="400"></iframe> <iframe id="contenido3" name="contenido3" width="600" height="400"></iframe>
|
|
« Última modificación: 21 Julio 2012, 19:04 pm por Spider-Net »
|
En línea
|
|
|
|
VanX
Wiki
Desconectado
Mensajes: 222
|
Tio, pues exactamente igual... tienes pocos o ningún conocimiento sobre páginas web no? xD <script> function abrir(){ texto=document.getElementById('caja').value; document.getElementById("contenido").href="http://www.google.es/?q="+texto; document.getElementById("contenido2").href="http://www.google.com/images?q="+texto; document.getElementById("contenido3").href="http://www.youtube.com/results?search_query="+texto; } </script>
<input type="text" id="caja" /> <input type="button" value="Buscar" onclick="abrir();" /> <iframe id="contenido" name="contenido" width="600" height="400"></iframe> <iframe id="contenido2" name="contenido2" width="600" height="400"></iframe> <iframe id="contenido3" name="contenido3" width="600" height="400"></iframe>
Gracias de nuevo y si tengo conocimientos pero apenas me acuerdo por eso preguntaba... He intentado con lo que me has dado y veo que no me cargan los iframes, estoy haciendo retoques pero no salen... sabes porque sera? puede ser por el abrir...? Gracias!
|
|
« Última modificación: 21 Julio 2012, 19:17 pm por VanX »
|
En línea
|
|
|
|
Spider-Net
Desconectado
Mensajes: 1.165
Un gran poder conlleva una gran responsabilidad
|
Puede ser por lo que te he comentado en el primer post. Yo ni siquiera lo he probado, quizás modificando el href no funcione, pero te he puesto la otra función que puedes probar en su lugar: window.open(" http://www.google.es/?q="+texto, target="contenido");
|
|
|
En línea
|
|
|
|
VanX
Wiki
Desconectado
Mensajes: 222
|
Mmm.. que raro lo acabo de probar y tampoco va...
|
|
|
En línea
|
|
|
|
Spider-Net
Desconectado
Mensajes: 1.165
Un gran poder conlleva una gran responsabilidad
|
La sentencia correcta era esta: document.contenido.location.href=" http://elhacker.net";El problema es que se ve que Google no permite que su buscador se embeba con un iframe. Supongo que por motivos de seguridad.
|
|
|
En línea
|
|
|
|
VanX
Wiki
Desconectado
Mensajes: 222
|
Y si ya tuviera el id de el iframe ocupado, ejemplo:
De modo que en el css tengo como inneriframe para que pueda cambiar la posición de la web dentro del iframe.... Podría en vez de poner el id="contenido" ponerlo de alguna manera como src o distinto? Gracias y esto ya es lo último que quería saber
|
|
|
En línea
|
|
|
|
Spider-Net
Desconectado
Mensajes: 1.165
Un gran poder conlleva una gran responsabilidad
|
Claro, el id es un ejemplo. Puedes poner el que quieras xD, por ejemplo: document.innerIframe.location.href=" http://elhacker.net";Pero ya te digo, que con Google parece que no funciona.
|
|
|
En línea
|
|
|
|
|
|