Crear una ventana para ver otra página web | Oloblogger Un IFRAME es un recuadro dentro de una página web, en la cual se puede mostrar el contenioo de cualquier dirección web con cualquier conteni...

23 de enero de 2008

Crear una ventana para ver otra página web

Un IFRAME es un recuadro dentro de una página web, en la cual se puede mostrar el contenioo de cualquier dirección web con cualquier contenido. De manera más exacta, se trata de incrustar un documento HTML dentro de otro documento HTML.

De esta manera y por ejemplo, podreis poner en vuestro blog el contenido de otra web, como si de una ventana abierta se tratara. Incluso se puede navegar por ella pinchando en los distintos enlaces. La utilidad ya se la dareis vosotros.

El código del iframe es el siguiente:

<div align="center"><iframe src="http://sinentradas.blogspot.com" width=450 height=250 frameborder=1 scrolling=auto></iframe></div>


Además de que la dirección que se pone de ejemplo, hay que sustituirla por aquella que queramos incrustar, el comando tiene todos estos atributos:

* src="URLamostrar"
El atributo principal y el lugar donde se teclea la dirección del elemento HTML a mostrar dentro del marco.

* scrolling=yes/auto/no
Con estas opciones se muestran o se ocultan las barras de desplazamiento.

* frameborder=0/1
El valor "1" indica al navegador que dibuje un borde para este frame, mientras que el valor "0" que no lo haga.

* marginwidth=valorenpixels
La distancia entre márgenes laterales y el contenido.

* marginheight=valorenpixels
La distancia entre márgenes inferior-superior y el contenido.

* width=valorenpixels
Asigna un ancho al iframe.

* height=valorenpixels
Asigna una altura al elemento.

* class="nombredelaclase"
Sirve para dar determinado aspecto al contenido del iframe, tal y como se explicó en la entrada Clases en CSS.

* style="..."
Define un estilo visual para el elemento usando instrucciones CSS. Cada instrucción va separada de la siguiente por un punto y coma (;). Es mejor práctica definir clases en la hoja de estilos y usar la anterior instrucción.

* title="titulo"
Le asigna un título al elemento, que será mostrado al pasar el puntero por encima.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

138 comentarios :

  1. Gracias por seguir haciendo esto, tus posts me son de mucha utilidad! Echame un ojo y una firmita!

    ResponderEliminar
  2. Hola, eso es precisamente lo q quiero, pero cuando es direccionada a un correo en el momento de leer los correos se amplia y aparece en toda la pagina. Como podria arreglarlo?

    por ejemplo hotmail. en el momento de leer el correo se amplia y ya no aparece en el frame sino en toda la page.

    Muchas gracias por tu pronta respuesta.

    ResponderEliminar
  3. No puedo darte una solución.

    Efectivamente, cuando pinchas en algún enlace del correo, te lleva a una nueva página transfiriendo datos y gmail (o el que sea) toma el control.

    Supongo que será cosa de las cookies, contraseñas o las variables.

    Lo siento...

    ResponderEliminar
  4. Como no pude darte una respuesta adecuada, he consultado con JMiur de Vagabundia que es un "monstruo" en esto del HTML y aunque comenta que no es posible hacer lo que quieres, sí que ofrece una alternativa para el caso de GMAIL.
    Espero que esto sí te sirva...

    "Es una pregunta complicada, aunque tengo muchas dudas sobre el tema, trataré de responderla y dar una solución.

    Cuando usas un IFRAME, lo que haces es cargar esa otra página simultáneamente con la tuya así que ambas funcionan pero de manera independiente. La página que está en el IFRAME no puedes controlarla ni modificarla, es lo que es y ejecuta los códigos que tenga, sean los que sean. En el caso de GMail, lo que ejecuta es un script que hace exactamente eso, se coloca como la página TOP y tapa a la otra.

    Así que, es imposible hacerlo de ese modo. La mayoría de los correos hacen lo mismo y también muchos otros sitios; fundamentalmente, por razones de seguridad.

    Ahora bien, Gmail tiene un tipo de página menos sofistica que la normal que está pensada para usar con teléfonos celulares. Desde esa página, pueden leerse los correos, escribir, etc.

    Esa página SI puede colocarse en un IFRAME, sólo hace falta poner la dirección URL correcta que es distinta a la dirección que usamos normalmente:

    http://m.gmail.com
    Realmente, no es recomendable hacerlo y mucho menos usarlo, es peligroso, tu contraseña es colocada en un sitio externo a GMail y nadie puede garantizar si no es leída o guardada por el administrador de ese sitio. Digamos que tampoco le encuentro mucha utilidad al tema pero, esa es otra historia :D

    Espero que la explicación sirva.

    Saludos:

    --
    JMiur"

    ResponderEliminar
  5. Muchas Gracias muchachos por sus explicaciones, tambien estuve buscando este fin de semana como hacerlo sin tener ninguna respuesta positiva, definitivamente lo dejo como algo imposible de realizar despues de tu explicacion.

    Gracias por todo.

    ResponderEliminar
  6. Hola brother pero donde coloco ese codigo ps. eso te falto
    debes poner como hacerlo ps amigo no de avancepones el codigo y uno que es aprendiz no sabe ni donde colocarlo.


    ¿ahh y esa ventana puede aparecer al sola al entrar al blog?

    te agradeceria mucho si me ayudas..

    ResponderEliminar
  7. Eskan, normalmente, los códigos hay que ponerlos en la parte de la plantilla que se indican en cada truco.

    Si no se dice nada, como en este caso, lo tienes que poner dónde quieres que aparezca el artilugio:
    si es en la barra lateral, añadiendo un elemento HTML; si es en una entrada, copiándolo directamente en el texto que redactas para tus post... etc.

    ResponderEliminar
  8. ...y se me olvidaba. Una vez que copies el código, siempre aparecerá cada vez que abras la página correspondiente a la entrada. Si quieres que sea fijo en todas tus páginas, lo tendrás que poner en la barra lateral o en la cabecera o pie de post.

    Si quieres ponerlo justo delante de todas las entradas y después de la cabecera, echa un vistazo al enlace.

    ResponderEliminar
  9. Mi niño, ¡tú si qué sabes!

    ¡Olé, olé y olé!

    Haberte descubierto por mi querida y admirada Eulalia, ha sido todo un placer.

    Se te da muy bien esto del "explicoteo". Ya sé que en este blog se habla bien, pero una palabra simpática no molesta a nadie, ¿o sí?.

    ¡Sigue así, ayudando de esta forma tan cercana y haciéndo que todo parezca fácil!

    ¡Sé feliz, mi cómplice!

    Besitos,

    Vesta, desde mi corazón.

    ResponderEliminar
  10. crear una ventana para ver un página web.
    la barra lateral no se quita, le pongo NO* scrolling=yes/auto/no
    Con estas opciones se muestran o se ocultan las barras de desplazamiento.
    pero no se va.Dime algo si eres tan amable
    http://fotografo1953.blogspot.com/search/label/SLIDESHOW

    ResponderEliminar
  11. Hola Fotografo. Poniendo SCROLLING=NO, te debería de funcionar sin barras de desplazamientos. Lo acabo de cambiar en el post para que lo veas. Antes estaba el AUTO. Un saludo.

    ResponderEliminar
  12. Hola Oloman:
    En 23 días se cumple un año de la creación de mi blog.
    Voy a cambiarle el diseño, de la clásica plantilla MINIMA a la moderna Zinmag Remedy (que descargué de btemplates.com)
    Le hice varias modificaciones ya, me quedan sólo dos detalles. Uno es terminar de armar el menú, el otro es lograr ocultar "el título y la descripción", ya que en la Zinmag, tuve que insertar el banner en la plantilla. En la MINIMA lo agregaba como elemento de página, y le daba a "en lugar del título y la descripción". De ser posible... ¿Podrás indicarme como hacer para ocultar esos datos, sin que desaparescan de la barra de títulos?
    Te dejo el link de mi blog de pruebas, donde estoy configurando la plantilla, http://laratadelaboratorio.blogspot.com
    Si tenés alguna sugerencia en cuanto a la plantilla o diseño, será bienvenida.
    Un Saludo.

    Pd: felicitaciones por el concurso, vas a la cabeza!

    ResponderEliminar
  13. RUF:
    tengo mi pagina web, cuando se presiona un ícono, se abre una ventana NUEVA, desapareciendo mi PAGINA principal.

    Como modifico la instrucción HTML, para que al presionar un ícono, se abra una NUEVA VENTANA, y mi pagina PERMANEZCA..

    gracias por su ayuda

    ResponderEliminar
  14. Hola. Para eso tienes que incluir en el código del enlace un TARGET="_BLANK".

    ResponderEliminar
  15. Espero que alguien me ayude con este tema. Es muy claro esta info para colocar un iframe. Pero como le hago para que en vez de aparecer toda la pagina, solo lo haga en una seccion? P.E. En una pagina lo que quiero que aparezca es un parrafo o tabla que se encuentra del lado izquierdo hasta abajo. Espero me haya entendido.
    Saludos

    ResponderEliminar
  16. Si la parte que quieres que se vea es un DIV, una tabla (TABLE) o algo que se pueda identificar con un ID, ese marcador se puede incorporar a la dirección para que la ventana se cuadre allí:
    http://paginaweb.html#NOMBREID

    ResponderEliminar
  17. Comprendo, pero si no tiene ninguna forma de identificación, entonces es imposible ponerla?. Ya que no tiene nada y esta hecha solo sobre una tabla.

    Gracias y Saludos

    ResponderEliminar
  18. Así es. Sólo tendría solución si la página a mostrar dentro del iframe fuera tuya. En ese caso sería suficiente con ponerle algo.

    ResponderEliminar
  19. oloman mil gracias! me ha gustado mucho. Un saludo

    ResponderEliminar
  20. Hacer esto es legal? Por ejemplo, si quieres recopilar varias páginas web en tu sitio.

    ResponderEliminar
  21. Por cierto, gracias por la info

    http://RocksNRules.tk

    ResponderEliminar
  22. No lo sé RocksNRules, pero sería similar a poner una captura de pantalla de otro sitio, por lo que en un principio, no veo mayor problema. Además, las visitas le cuentan igual a la otra página y todo lo que hagas dentro del iframe es cómo si estuvieras directamente en esa página.

    Supongo que depende del uso que le des. Si abres un iframe a pantalla completa, estás como duplicando el sitio y eso como mínimo está más bien feo, pero si lo usas como muestra, imagino que no.

    Y si el otro sitio es también tuyo evidentemente tampoco hay problema :D

    ResponderEliminar
  23. mi pregunta seria si es legal poner una web en la tuya , saludos

    ResponderEliminar
  24. Sebastián, como le dije a RocksNRules, cuando ambas webs son tuyas, no hay seguro ningún problema y si te refieres a mostrar las de otros, entonces te respondo que no tengo ni idea, aunque supongo que dependerá del uso que le des.

    ResponderEliminar
  25. Hacia tiempo que quería hacerlo, gracias por la info, buenisimo el blog ;), visitad nuestra web, www.leycosmica.org

    ResponderEliminar
  26. espectacularr me sirvo de mucho gracias!!

    ResponderEliminar
  27. Y si quisiera solo mostrar sierta parte de la pagina como deveria hacer???

    Saludos!!

    ResponderEliminar
  28. Si el control de la otra página no es también tuyo, de ninguna manera Bilosony2.

    ResponderEliminar
  29. gracias me fue de mucha ayuda mil gracias.....

    ResponderEliminar
  30. Buenas tardes, primero que todo agradecerte tu tiempo por redactar estos post, son de gran utilidad para compañeros que se inician en este mundo, yo personalmente utilice bastante esta técnica en el diseño de algunas páginas web, solo que con el tiempo el requerimiento de frames para nuevos proyectos no me ha sido necesario, hay casos excepcioanles aún cuando te piden lo típico de "reproducir música" en una página web sin que esta se interrumpa al navegar en otras secciones de misma página web, aquí lo ideal es crear un frame, 1 para tu web y otro para el reproductor de música. Un saludo a todos.

    ResponderEliminar
  31. Es una buena idea Paginas Web Algeciras. A mí sólo se me ocurrió abrir una ventana en segundo plano con la música para solucionar eso. Tomo nota. Gracias.

    ResponderEliminar
  32. en mi blog tengo un apartado de enlaces y quisiera saber si se puede hacer que cada una de las direcciones se habran en el mismo iframe

    ResponderEliminar
  33. ¿Varias direcciones en un mismo frame? Yo creo que no Entre Matas. Pero lo que si puedes hacer son ventanas modales para cada uno de los enlaces o si quieres usar iframe, tantos como enlaces tengas, haciéndolos visibles sólo cuando se pinche en el enlace. De todas formas, la primera solución me parece la mejor.

    ResponderEliminar
  34. muy bueno lo nesesitaba gracias, sigue asi

    ResponderEliminar
  35. hola tengo una pregunta puse el codigo y el url pero cuando abro mi blog con la pagina que quiero visualizar esta se me redirecciona a la pagina que voi a visualizar espero me ayudes gracias

    ResponderEliminar
  36. Dj Dammsi la página que quieres mostrar no es tuya, la cosa no tiene arreglo. Ver esta entrada.

    ResponderEliminar
  37. Yo tengo el mismo problema
    Pero pense si es posible poner un aviso
    Cuando va abrirse nueva pagina
    Con 2 opcines a elegir:
    Seguir con abrir nueva pagina o
    No abrir nueva pagina y cancelar operacion

    ResponderEliminar
  38. Aikon, si el contenido que muestras en el iframe no está controlado por tí, no puedes hacer nada para solventar el problema.

    ResponderEliminar
  39. hola oloman, lo que quiero hacer en mi pagina es que digamos un usuario busque una definicion y este sea dirigido a una pagina por digamos wikipedia con la "definicion" alli utilizaria este iframe y no saldrian de mi pagina verdad? esa es la idea.... aunque un poco dificil o que me recomiendas

    ResponderEliminar
  40. No, Daltonico, no saldrían de tu página... del todo. Lo que veo difícil es ligar el resultado de una búsqueda a una página concreta y más aún, que esa página se cargue en el iframe. A mí al menos no se me ocurre cómo hacerlo.

    ResponderEliminar
  41. gracias por tan interesante aporte te lo agradezco de todo corazon eres un sabio

    ResponderEliminar
  42. tengo problemas con el código que publicaste, podrías por favor indicarme como pondria el codigo si lo que quiero es que la page del YOUTUBE (mi canal)esté dentro de mi blog. es que lo intenté y nada. gracias. SALUDAZOS OLOMAN, muy buen trabajo.

    ResponderEliminar
  43. Ballet de niños y jóvenes lo único que tienes que averiguar es la dirección (URL) de tu canal en YouTube para sustituirla por la que se ofrece en el ejemplo (http://sinentradas.blogspot.com).

    Pero como es grande, si quieres que quede bien tendrás también que modificar el WIDTH y el HEIGHT.

    ResponderEliminar
  44. Muchísimas gracias, andaba buscando justo esto.

    ResponderEliminar
  45. Hola, tengo un problema, al realizar un iframe de algunas paginas me redirecciona a la pagina de la cual estoy haciendo el iframe, ¿hay alguna solucion para esto?
    Muchas gracias y un saludo.

    ResponderEliminar
  46. Lo que quiero es lograr hacer una pagina web en la que solo se visualicen otras 4 paginas web dentro de esta,y mi duda es como ubicar estas paginas,y la otra duda es que para acceder a cada una de estas paginas debo de inserir un user y una password diferentes en cada una de las paginas...es posible hacerlo,usando este codigo iframe...????

    ResponderEliminar
  47. No Buker, no hay forma de arreglarlo. El administrador de la página original es el que tiene el control total de la misma. De hecho aquí explicamos en su momento, una forma de que no te hicieran iframe: Evitar el frame de Google Imágenes y de otros

    Yunieskylo de situar cómo quieras los cuatro iframes no sería problema. Por ejemplo, usando una tabla ya lo podrías lograr.
    Sin embargo, necesitas que esas páginas se activen con una contraseña, eso no lo vas a poder hacer de forma automática. Para que te hagas una mejor idea, un iframe es una ventana desde la que ves el exterior. Puedes sacar la mano y tocar todo lo que hay detrás de esa ventana sin problemas, pero no puedes cambiar lo que hay ahí porque es del vecino.

    ResponderEliminar
  48. COMO PUEDO HACER PARA VISUALIZAR EN EL IFRAME SOLO UNA PARTE DE LA WEB, POR EJMPLO EL CENTRO, SIN QUE ME MUESTRE EL ENCABEZADO, SE PUEEDE?

    ResponderEliminar
  49. Hola JamesRod. No, no se puede centrar lo que hay dentro de un iframe. Si la página que se ve dentro está bajo tu control, entonces lo que tienes que hacer es centrarla, pero en origen, en el código de esa página externa. Sin embargo, si e es de otro no podrás hacer nada.

    Como mucho podrías mostrarla a partir de un punto determinado, si esa página tuviera algún ancla (#), poniendo en el SRC algo así:

    http://pagina_a_mostrar.com#container

    ResponderEliminar
  50. Oloman, como hago si quiero que se cargue en otra pestaña otra web. Me explico: si cargo el dominio de mi blog (pagina de inicio)necesito que se cargue al mismo tiempo mi blog y paralelamente en segundo plano en otra pestaña otra web mas. Supongo que esto se hace con javascript, como puedo lograr esto?

    ResponderEliminar
  51. Hola, lo que quiero hacer es lo siguiente: poner en la barra lateral una imagen personalizada del pajaro de twitter para que al clickar encima me sigan en twitter directamente o en su defecto que se abra mi twitter page. Y si hay otra forma de hacerlo que no sea Iframe...con facebook no tuve problema pporque el código de la like bok me lo gereró aut., copié y pegué en un widget de texto que puse en la barra. En Twitter ya se que tb se puede hacer pero quiero personalizarlo. Que hago por favor Oloman??

    ResponderEliminar
    Respuestas
    1. Ok. Creo haberte entendido y se hace igual en una plataforma que en otra. En unos días publico cómo poner un enlace simple a Twitter. Eso te permitirá poner la imagen que quieras.

      Eliminar
  52. Por cierto se me olvidó decir que no es en bloguer, es en wordpress, perdón, gracias.

    ResponderEliminar
  53. hola, gracias por tu post, ha sido clarificante, aunque no he podido hacer lo que deseo, tengo una lista de vivienda para que sea consultada por cualquiera, mi deseo es que como la lista es algo larga no ocupe todo el largo de la misma, sino pueda ser vista como una ventana donde el usuario pueda desplazarse en ella o si desea continuar viendo la pagina; la pagina es www.arqcolivas.blogspot.com gracias de antemano sea posible o no

    ResponderEliminar
    Respuestas
    1. Creo que la mejor solución es que uses una hoja de cálculo de Google Docs. Ahí grabas toda tu lista y luego la muestras en tu blog con el código para embeber que te facilitan.

      Eliminar
  54. Hola buenas, tengo dos webs, que las controlo yo. Y me gustaria crear un iframe de una parte. Hos explico que quiero hacer. Tengo una web principal (1) y una web secundaria (2), dentro del web principal(1) en una pagina(1) tengo parte de un texto que me gustaria importar en otra pagina(2) de la web secundaria(2). Como lo puedo hacer con un iframe??. He provado pero me pone toda la pagina i yo solo quiero una parte del texto de una pagina de la web principal (1). Las dos webs son mias, tengo acceso al codigo. Se que me direis que lo copie i pegue, pero este texto se va actualizando muy amenudo. Si hago un enlace me muestra todo la pagina y yo solo quiero una parte.

    Gracias

    ResponderEliminar
    Respuestas
    1. No, no te iba a decir eso. Me suena que se puede hacer con JavaScript si tú tienes el control de ambas web, pero se me ha ocurrido que quizás te puede funcionar otra cosa más fácil.

      Se trataría de crear una tercera página con ese contenido que quieres mostrar en dos sitios distintos. Luego en la web 1 y la web 2, mediante un iframe lo colocas sin problemas.

      Esa tercera página la puedes hacer con un body del tamaño que quieres y así se mostrará justo lo que quieres en las otras dos ¿se entendió la idea? ¿es viable?

      Eliminar
  55. Hola muchas gracias, habia pensado en ello, pero no se si, es muy viable, ya que en la pagina principal allí quiero todo el texto, si hago esto seria insertar el iframe del body solo en ese trozo y seguir con lo que hay, y en la secundaria seria poner el iframe y listos. La idea es buena el problema que pudo tener es la estructura de la web principal que me la desmonte que la edicion manuela quede bien y el iframe con un sangrado diferente o no, no lo se, voy a probar y te cuento.

    Muchas gracias

    ResponderEliminar
  56. Hola hos comento, ya he conseguido hacer el iframe, los problemas que te encuentras son los formatos, tienes que editarlos muy bien, para que cuadren. De funcionar funciona perfectamente, pero importante acordaros de poner un target.

    Gracias

    ResponderEliminar
    Respuestas
    1. ...dependiendo de si quieres seguir en la misma ventana o en otra, supongo. OK, gracias por comentarlo.

      Eliminar
    2. No es así del todo, al menos en mi caso, si dentro del iframe, hay links, para mostrar estos links en condiciones hay que poner el target, por que sino lo ponemos nos abre el contenido de dicho link, en el mismo marco del iframe. A modo de ejemplo, tenemos un pdf dentro del iframe, i queremos mostrarlo bien, no que se vea solo en el marco del iframe, entonces hay que poner el target="_blank" por ejemplo, y de este modo se abrira el pdf en una pestaña completa.

      Gracias

      Eliminar
    3. A tí por la aclaración, aunque ese es el comportamiento normal de cualquier página y eso es lo que tienes en el iframe, otra página.

      Eliminar
  57. Hola buenas tardes, tengo una web con un iframe. Este iframe carga una pagina que es un menu. El problema que tengo ahora es que este menu cuando clico en una opcion(es un link) me carga la nueva pagina en el espacio del frame i yo quiero que me lo carge en la pagina principal, como lo hago??

    Muchas gracias!!!

    ResponderEliminar
  58. Prueba añadiendo al enlace target="_top"

    ResponderEliminar
  59. hola, quiero poner en mi web un trozo de otra web. Asta aqui sencillo, pero quiero dejar fija la web que quiero mostrares, mostrando solo una parte de esa web (exactamente seria aliniar esa web para que me muestre la parte central).
    Sabes como lo puedo hacer?
    Gracias!

    ResponderEliminar
    Respuestas
    1. Si la web que incrustas no es tuya, no puedes hacerlo ¿lo es?

      Eliminar
  60. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
    Respuestas
    1. como puedo quitar el scrol bara de este codigo por favor

      a rel="shadowbox;width=800;height=450;" title="#" href="#"> /a

      Eliminar
    2. Ese código no debió salir bien, pero para quitarlo de un iframe, hay que añadir scrolling=no.

      Eliminar
  61. Amigo esta increible tu aporte, pero quiero decirte que ami no me funciona correctamente, es decir la pagina que incrusto me redirecciona a ella misma, saliendose de mi portal. Que me recomiendas hacer o como puedo solucionar esto si quieres ensaya tu... todo tiene solucion en la vida espero este a tu alcanze. Gracias

    src="http://myradiostream.com/radiolobby/" width=450 height=250 frameborder=1 scrolling=auto>

    ResponderEliminar
    Respuestas
    1. Funciona correctamente. Es que los enlaces que ves dentro del iframe se comportan tal y como el diseñador de esa otra página decidió. Si están programados para abrir en nueva ventana, pues eso es lo que harán. Tú no puedes controlar eso si la página que visualizas no es tuya.

      Eliminar
  62. Disculpe, espero que alguien más no haya posteado el problema que tengo xD y esk eran un buen de comens, en fin, tengo una duda... se pueden hacer iframes que no se recarguen junto con la pagina? me explico, esque en mi web puse musica pero al navegar en el blog cada vez que recarga la pagina tambien se recarga el reproductor y yo quiero que no se "corte" he visto que si se puede pero pss no se como hacerlo D: ... me ayudan?

    ResponderEliminar
  63. Hola. El problema no es controlar el iframe -que no se puede- El problema es que cuando tu recargas una página recargas también todo su contenido, incluido cualquier sistema de música que tengas instalado.

    A mí sólo se me ocurríó esta solución, pero no sé si te valdrá. Si encuentras otro mejor te agradecería que lo comentaras por aquí.

    ResponderEliminar
  64. Hola a todos

    Yo lo que quiero es que al pinchar en un enlace de la página padre con un ancla a un punto del documento del iframe, la pagina padre haga scroll y baje hasta el sitio donde tengo puesto el ancla en el iframe.
    Este es el codigo del enlace y me funciona sólo con el IE, con el resto de navegadores no, se queda estático, asi que tengo que mover yo el scroll hasta el punto donde tengo el ancla dentro del iframe

    ResponderEliminar
    Respuestas
    1. Hola. En un principio podrías enlazar hacia alguna ID que exista en la página que quedará dentro del iframe, con un enlace apuntando a http://urlpagina.html#nombreid

      Eliminar
    2. La ID sería la que llevara cualquier caja HTML de destino. Por ejemplo
      < div id="destino">

      Eliminar
  65. Así es como tengo puesto los enlaces, pero no hace lo que yo quiero, la pagina del iframe la muestro completa y es larga, asi que cuando pincho en un enlace de la pagina principal que enlaza con un ancla del iframe, necesito que sea la pagina principal la que baje hasta el punto donde está el ancla para tener a la vista esa parte de la pagina del iframe y el explorer me lo hace perfectamente, pero los demás navegadores no

    ResponderEliminar
  66. Sigo haciendo pruebas y no lo consigo, supongo que será un problema del resto de los navegadores, así que tendré que hacerlo con javaScript, aunque todavía no se muy bien como

    ResponderEliminar
    Respuestas
    1. Eso a priori parece que requeriría de un doble enlace, uno que moviera la página principal y otro que se desplazaría por dentro del iframe. Sinceramente no sé cómo se podría hacer eso. Lo siento.

      Eliminar
  67. Investigaré lo del doble enlace, aunque de momento yo tampoco se como se podría hacer, gracias por todo

    ResponderEliminar
  68. He encontrado una solución, aunque no es lo que estaba buscando, pero de momento me vale, miro la posición en que me aparece el ancla del iframe en la pagina principal y estos datos los meto en una función a la que llamo desde el enlace que me lleva a dicho ancla, con esto la pagina principal al pinchar en el enlace me hace scroll hasta esa posición, esto funciona mientras no cambie la posicion, o sea la altura en la que aparece el iframe o la altura en la que aparece el ancla en la pagina del iframe, porque en esos casos tendría que modificar dichos parámetros en todos los enlaces afectados.
    Esta es la funcion
    scrollPagina(ancho,alto) {
    window.scrollTo(ancho,alto)
    }

    ResponderEliminar
    Respuestas
    1. No es un sistema óptimo, pero si con él has conseguido lo que necesitabas, pues también vale ;)

      Eliminar
  69. hola tengo una consulta, por ejemplo quiero atrapar una sitio web por ejemplo este http://2cd.com/ cuando lo meto en un iframe los links de las publicidades que salen en 2cd.com aveces no salen cuando esta dentro del iframe, ahora si entras derecho al sitio y actualizas varias veces siempre salen los links, el problema es cuando lo meto en un iframe, osea dentro de un ejemplo.php meto un iframe llamando a 2cd.com ahi aveces sale los links de la publicidad de 2cd.com no siempre, actualizas y aveces sale aveces no, como puedo hacer para que salga siempre la publicidad usando iframes, o si hay algun otro metodo de iframe pero que salga la publicidad dentro de un iframe, muchas gracias, espero haber sido claro

    ResponderEliminar
  70. ¿Pero esa página que intentas meter en el iframe es tuya? Es que de lo contrario nunca podrás tener control sobre lo que se muestra. No es ese un uso habitual para los iframes.

    ResponderEliminar
  71. ¿Es posible dentro de un iframe cargar otra web y que te la escale al tamaño del iframe?

    ResponderEliminar
    Respuestas
    1. Creo que se puede con JavaScript, pero sólo si ambos sitios los administras tú porque tienes que "retocar" los dos.

      Eliminar
  72. Hola amigo gran trabajo el que haces, muchas gracias.
    Tengo un blog de una radio que suena la música cuando abres la direccion y me gustaria poder crear un Iframe para paserlo a gente que me lo ha pedido para colocarlo en sus webs. Lo que me gustaria seria que lo que se vea en el cuadrado del iframe sea la foto del logotipo. El logo tiene su propia ruta de enlace pero no se como puedo hacer que se cea solo eso y que se ajuste al tamaño del cuadro. Podrias ayudarme???

    ResponderEliminar
  73. Hola. El diseño de tu sitio facilita las cosas. Prueba esto:
    <div align="center"><iframe src="http://www.radiocornet.com#header-inner" width=790 height=503 frameborder=1 scrolling=no></iframe></div>

    Y si quitas esto del CSS del BODY, creo que se verá perfecto:
    padding: 0 40px 40px 40px;

    ResponderEliminar
  74. muchisisisisimas gracias, esto me a caido como anillo al dedo, es justo lo que estaba buscando. No imaginas el tremendo favor que haz hecho, gracias!!!

    ResponderEliminar
  75. Muchas gracias por tu aporte. Quisiera saber si puedo abrir un iframe secundario dentro de un iframe primario (top). gracias

    ResponderEliminar
  76. Y OTRA PREGUNTA. SUCEDE QUE AL ABRIR MI PAGINA WEB NO SE ACTIVA AUTOMATICAMENTE EL IFRAM SOLO HASTA QUE PINCHE UN LINK QUE TENGA SELECCIONADO EN ESTE. COMO PODRÍA ABRIR LA PAGINA CON UNA PRESENTACION DE INICIO? GRACIAS

    ResponderEliminar
    Respuestas
    1. Hola. Si ambas páginas son tuyas (eres administrador), supongo que no habrá problema en que puedas hacer lo de un iframe dentro de otro, porque realmente son como dije, ventanas que abres para ver el contenido de otro sitio.

      Lo otro no lo entiendo muy bien porque para lo de abrir una presentación en Inicio, no hace falta usar iframes.

      Eliminar
  77. Primero dar las gracias por la ayuda y la información facilitada.
    Ahora la duda. Quiero poner una pagina dentro de otra. La pagina en cuestion tiene algunas subpáginas protegidas con nombre de usuario y contraseña. Hay alguna forma de que se pueda ver una página en concreto sin necesidad de que el que visita la web tenga que introducirlas. Gracias.

    ResponderEliminar
    Respuestas
    1. Hola. No es una cosa que sepa a ciencia cierta, pero dudo mucho que con un iframe se pueda saltar uno la seguridad de una página. Lo que verás dentro de la ventana será no una réplica, sino la propia web de destino, así que funcionará exactamente igual todo, las imágenes, los enlaces y la necesidad de hacer login.

      Eliminar
  78. Me encanta tu post.. sigue así compañero. son de mucha utilidad

    ResponderEliminar
  79. Hola gente, seguramente esto es básico o torpe de mi parte, pero tengo la siguiente duda/necesidad:

    Tengo una web, completamente local, no hospedada en ningún tipo de servidor, ni nada parecido, sólo páginas numeradas, ("001.html", "002.html", etc) estas páginas las muestro en un iframe.
    en la página del index, pongo en link que carga dentro del iframe, la pág 001, pero deseo poner un ¿textbox? al que le pueda escribir la dirección de la página, por ejemplo 589 y al presionar el ¿button? me cargue esa página (589.html) en el iframe...
    ¿me expico? estuve mirando ejemplos, que utilizan el metodo post, con PHP, no utilizo nada de eso, ya que es solo una web personal, dentro de una carpeta local en mi propia PC, la cual uso como tarjetas de referencia para los temas que desarrollo en mis clases de historia.
    Por favor, si pueden ayudenme.

    Desde ya Muchas Gracias!

    ResponderEliminar
    Respuestas
    1. Hola. No suelo hacer pedidos a medida, pero este me resultó interesante.

      En este enlace tienes cómo hacerlo.

      Eliminar
  80. Hola te Felicito por tu blog me es de gran ayuda. Bueno quisiera saber si se puede reducir el zoom para que se vea toda la pagina que tengo en el <iframe sin estar desplazándose por por las barras lateral e inferior de antemano gracias.

    ResponderEliminar
  81. Hmmm.... Seguramente es posible Dalila, pero no sabría cómo.

    ResponderEliminar
  82. hola como estas... nos gustaria colocar nuestra radio como esta aqui http://escucha.cl/ nos ayudas porfavor...

    ResponderEliminar
    Respuestas
    1. Pues lo siento pero no. NI es mi especialidad, ni sé dónde tiene ese sitio la emisora, ni seguramente podría explicarlo fácilmente en su caso.

      Eliminar
  83. Hola. Tengo un problema, hago todo lo que está indicado, pero al momento de chequear la vista previa, me sale todo vacío. Estoy tratando de insertar un ejercicio de hot potatoes desde drive, y no puedo de ningún modo. No se si es alguna configuración dentro del blogger. Agradecería mucho tu ayuda.

    ResponderEliminar
    Respuestas
    1. No recuerdo si desde la vista previa se ven los iframes, pero con que hagas una publicación de prueba ya confirmas si es sólo problema de la Vista Previa o general. En un principio Blogger no da problemas con ellos.

      Eliminar
  84. No me funciona o lo estaré haciendo mal, tengo una pagina web gratuita que me cree, me enseñarían a incrustarlo allí??

    ResponderEliminar
    Respuestas
    1. Antonio, sólo se trata de pegar el código que muestro en esta entrada, con la dirección de la web de destino (la que se tiene que ver dentro del marco) y ya está.

      Eliminar
  85. Hola Oloman!

    Tengo una pregunta, quiero enseñar en mi entrada una vista previa de mi versión móvil de Blogger, actualmente tengo una imagen de recorte de pantalla, aunque realmente quisiera hacerlo un poco más real con la URL móvil en el iframe pero que no puedan usar los link.

    Mi pregunta real es esta:
    ¿Existe alguna opción en el código del iframe que deshabilite los link dentro del mismo?, ¿La conoces y podrías enseñarmela por favor?.

    Gracias de antemano.

    ResponderEliminar
    Respuestas
    1. Joan, no puedes controlar lo que se muestra dentro del iframe. Como explico en el post, el iframe es una ventana a través de la cual ves algo exterior. Siguiendo con el símil, además la ventana tiene un cristal que te impide manejar (como administrador), aquello que se ve detrás.

      Todas las opciones que existen en la página original que aparece dentro del iframe, estarán disponibles para los usuarios como si estuvieran viendo directamente dicha página.

      Sólo se me ocurre un truco que no una opción real y que consistiría en poner "delante" del iframe una caja HTML con fondo transparente usando el mismo sistema que expliqué aquí. Eso haría que nadie pudiera pinchar sobre el iframe porque realmente habría otra caja delante que impediría poder llegar a él ;)

      Eliminar
    2. Definitivamente, eres un genio, jamás imaginaría que esa fuera la única y más fácil solución, y valla que llevo días intentando solucionar este temita que me sacó "canas".
      Ahora podré dormir tranquilo después de noches de insomnio. xD

      Muchas pero muchas gracias Oloman, otro nuevo tema que aprendí en esta loca vida de incertidumbres. :)

      Un abrazo!

      Eliminar
  86. Hola... será que existe algún tipo de script o plugin que haga lo que hace facebook y google +, al momento de compartir un enlace. (Al poner el enlace en face, carga una imagen de la pagina compartida y una descripción de la misma). ¿Cómo puedo hacer eso?. La idea es compartir en un blog noticias externas pero que la información la extraiga de la web original. (Imagen y una Descripción). Gracias.

    ResponderEliminar
  87. Ni idea NotiNews...
    Lo único que tengo por ahí y que quizás te pueda servir, es este asunto de mezclar feeds.

    ResponderEliminar
  88. Hola! Me encantó cómo explicas!! He visto en algunos sitios la opción a generar el código html de cada artículo, invitándote a copiarlo y llevarlo a tu página ("Te ha gustado este post..?"). Quisiera hacerlo en blogger, es posible? Muchas gracias!

    ResponderEliminar
    Respuestas
    1. La explicación puede, pero seguramente no te gustará tanto lo que tardo en contestar :)

      Sobre la pregunta, no entiendo muy bien lo que quieres hacer ¿quizás sea esto? (ver último apartado sobre el "textarea")

      Eliminar
  89. No entiendo adónde me remites. Lo que quiero es que cada entrada de mi blog se pueda copiar para incrustar. No sé si lo explico claramente. Gracias!!

    ResponderEliminar
    Respuestas
    1. Efectivamente, amigo! Es muy parecido a eso lo que quiero. sólo que quiero incluirlo en la plantilla, al final de cada entrada y por lo tanto tiene que generar de manera automática la dirección. (Ya puse el botón de enlazar, con una imagen, y ahora quiero dar la posibilidad de llevar un solo artículo) GRACIAS!!!!

      Eliminar
    2. A ver si logro ponerlo bien:

      ¿Te ha gustado este post...? Esta es su dirección para compartirlo: <data:post.url/>

      Eliminar
    3. A ver si entiendo (soy del siglo pasado): Debo poner esa dirección en el código que diste en el otro post y pegarlo en la plantilla? uyyyyy qué lío hermoso!

      Eliminar
    4. Si no fueras del siglo pasado tendrías menos de 16 años... :)
      Lo que hay a partir de la primera frase, pégalo tal cual en la plantilla, allí dónde quieres que salga. Una vez veas el resultado me dices.

      Eliminar
    5. No funcionó, amigo! Pero seguí buscando y encontré este sitio, para poner el botón "Embed". http://embed.ly/button Me ayudas a poner ese código en formato iframe? queda más lindo! Gracias!!

      Eliminar
    6. Ana, con seguridad que funciona. Es así como tengo puesto aquí ese párrafo que puedes ver justo antes de los botones de compartir. Quizás no lo pusiste en el lugar adecuado.

      Eliminar
  90. Esta si que es una gran pagina, esto me fue de mucha ayuda, saludos y mil gracias!!!:D

    PD: Asi quedo mi pagina: http://tvenvivoecuador.blogspot.com

    ResponderEliminar
  91. Hola Oloman me gustarías saber si me puedes ayudar a que la página se vea completa y no aparezca la barra de movimiento que aparece dentro http://pruebatpd2.blogspot.com/p/agencia-de-viajes.html
    Muchas gracias de antemano.

    ResponderEliminar
    Respuestas
    1. Hola Carlos. No puedes controlar 100% el contenido del iframe. A veces ni en un 50%. Sin embargo puedes probar a cambiar el valor HEIGHT del EMBED con el que insertaste ese página en la tuya. Un valor de 1340 parece suficiente:
      <object data="http://www.agenciadeviajesvirtual.com/49329" eight="1340" width="1050" ETC.

      Eliminar
    2. Puse el valor el eight 1340 tal cual me dices y aumenté a 1065 el Width y por lo menos cambió un poco xD ... pero sería ideal que se ajustara a la página de manera natural jejejeje... pero como mencionas, no se puede controlar al 100% :( http://pruebatpd2.blogspot.com/p/agencia-de-viajes.html
      ¿Cómo te parece?

      Eliminar
    3. Sería ideal, pero como la página que insertas NO ES TUYA, no puedes controlarla.

      Ahora bastante mejor... pero ya sabía cómo te iba a quedar ;)

      Eliminar
    4. xD Muchas gracias por la ayuda Olo...

      Un Saludo y nos leemos próximamente :)

      Eliminar
  92. hola una pregunta, cuando pongo cualquier pagina de blog spot y eso puedo vincularlo pero no me deja con facebook google pinterest youtube etc

    ResponderEliminar
    Respuestas
    1. Hola Marcos. Lo cierto es que no lo he probado, pero en cualquier caso, todos esos servicios que relacionas ofrecen su propio código para que puedas embeber su contenido en tu blog. Normalmente aparece el código bajo el botón "insertar" u otro similar.

      Eliminar
  93. Yo quiero que se reproduzcan unas URL de videos directamente desde una página de mi blog.

    ResponderEliminar
    Respuestas
    1. Hola Esteban. Normalmente, los servicios de alojamiento de vídeos (como por ejemplo YouTube), facilitan un código para embeber dichos vídeos en páginas web. Esa sería la forma más fácil. Lo suelen hacer con iframes como los que explico aquí, pero adaptados ya cada uno al servicio que ofrecen.

      Eliminar
    2. Finalmente consegui el código que buscaba, pero estoy usando el iframe del servidor que después de revisar varios me decante por este y uso el iframe por culpa de la incompatibilidad con el código de vídeos. Bueno de igual forma muchas gracias por responderme.

      Eliminar