Ayuda con iframes...

[VanX]

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 

[Spider-Net]

Se puede hacer fácilmente en javascript. Algo así:


javascript:

Código (javascript) [Seleccionar] Expandir

<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, target="contenido")

HTML:

Código (html4strict) [Seleccionar] Expandir

<input type="text" id="caja" /> <input type="button" value="Buscar" onclick="abrir();" />

<p>
     <iframe id="contenido" name="contenido" width="600" height="400"></iframe>
</p>

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í.

[VanX]

Se puede hacer fácilmente en javascript. Algo así:


javascript:

Código (javascript) [Seleccionar] Expandir

<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, target="contenido")

HTML:

Código (html4strict) [Seleccionar] Expandir

<input type="text" id="caja" /> <input type="button" value="Buscar" onclick="abrir();" />

<p>
      <iframe id="contenido" name="contenido" width="600" height="400"></iframe>
</p>

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=paris
IFRAME 2 = http://www.google.com/images?q=paris

Como lo haría?

Gracias de nuevo!

[Spider-Net]

Tio, pues exactamente igual... tienes pocos o ningún conocimiento sobre páginas web no? xD

Código (javascript) [Seleccionar] Expandir

<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>

Código (html4strict) [Seleccionar] Expandir

<input type="text" id="caja" /> <input type="button" value="Buscar" onclick="abrir();" />

<p>
     <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>
</p>

[VanX]

Tio, pues exactamente igual... tienes pocos o ningún conocimiento sobre páginas web no? xD

Código (javascript) [Seleccionar] Expandir

<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>

Código (html4strict) [Seleccionar] Expandir

<input type="text" id="caja" /> <input type="button" value="Buscar" onclick="abrir();" />

<p>
     <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>
</p>

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!

[Spider-Net]

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("[url="http://www.google.es/?q="+texto"]http://www.google.es/?q="+texto[/url], target="contenido");

[VanX]

Mmm.. que raro lo acabo de probar y tampoco va...

[Spider-Net]

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.

[VanX]

Y si ya tuviera el id de el iframe ocupado, ejemplo:

Código (html4strict) [Seleccionar] Expandir

<div id='outerdiv'>

<iframe id="innerIframe" ></iframe>

</div>

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

[Spider-Net]

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.