sábado, 20 de febrero de 2016

Cargar vínculo en un iframe

El uso de un iframe para mostrar contenido alojado en otro servidor es un recurso muy, muy empleado.
En este blog por ejemplo, siempre lo hago así.


Al editar las páginas web y subirlas a mi servidor me aseguro que no se va a modificar el código original. Lo que sí ocurre si el código lo coloco directamente en la entrada del blog.
Pero lo que hace mucho tiempo que no empleaba, era el cargar otras páginas en un iframe ya previamente creado y con un contenido dentro de él.
Ya casi no me acordaba de la sintaxis.
Que, por otro lado es sumamente sencilla.
Veamos:
<iframe frameborder="0" width="700" height="540" src="http://direccion.html" ></iframe>
Este sería el código sencillo inicial para cargar la página http://direccion.html en ese iframe sin borde y con un ancho de 700 píxeles y un alto de 540.
Lo único que tendremos que hacer es modificar esos datos para adaptarlos al caso concreto.
Si queremos que en ese iframe se puedan cargar otras páginas, lo que haremos será poner un nuevo atributo, denominado name y con el valor que nos parezca.
<iframe frameborder="0" width="700" height="540" src="http://direccion.html" name="destino"></iframe>
Ahora, para cargar una nueva página en ese iframe, haremos el vínculo con la siguiente sintaxis:
<a href="http://direccion2.html" target="destino">Ir a la dirección 2</a>
Así de sencillo.
Veamos un ejemplo en acción.
Cargo un iframe justo aquí debajo con el criptograma que he presentado en la entrada anterior:
´
Y ahora, creo un par de vínculos que se cargarán en ese mismo espacio.
Criptograma 1
Criptograma 2
Criptograma 3
Criptograma 4
Criptograma 5
Criptograma 6

IMPORTANTE
Al intentar hacer esto hace un par de días por primera vez después de muchos años, para probar, he intentado cargar, una página cualquiera.
Y, la primera que me ha venido a la cabeza, ha sido la página web de Google.
Pues bien, creía que estaba haciendo algo mal porque... no funcionaba.
¡Qué cosas!
Parece que a Google no le gusta que lo carguen en iframes....
Ir a Google (no va a funcionar).

1 comentario:

  1. Hola amigo. Me volví loco en internet buscando en ejemplo como el tuyo. Lo modifiqué un poco, pero funciona perfecto. Muchas gracias por el aporte.

    ResponderEliminar