JMiur [E]

El tag IFRAME permite insertar una ventana (un marco) dentro de la misma ventana donde puede incluirse un objeto externo, incluyendo otro documento HTML.

Un iframe no es otra cosa que una ventana que incrustamos en nuestra web para mostrar contenido de una página externa y sobre cuyo contenido no tenemos control alguno salvo que esa página se encuentre en el mismo dominio que la nuestra.

74 comentarios:

Fede  

No sabía eso... que bueno!.. pero si insertamos una página con iframes en el blog.. no tardaría mucho más en cargar??

Responder
JMiur  

Eso va a depender de la página que cargues, si está en el mismo servidor será más rápida. Si querés meter Windows Update, puede tardar un par de días.

Mucha de la publicidad que ves al navegar son IFRAMES algunas veces no la notás pero a veces jamás termina. La barra de navegación de Blogger también es una IFRAME.

Para mi, lo más importante en la velocidad no son los posts (si son "pesados" podés poner menos por página) sino la sidebar que se carga siempre. Chats, video, audio, Flash, imágenes es lo que más tarda. TODO lo que agregás va sumando.

Tomalo sólo como una herramienta disponible. Lo ideal es no abusar de nada e ir probando hasta encontrar un equilibrio.

Responder
Fede  

Si, es verdad, pero a veces cuesta no abusar de determinadas herramientas. Cuando se tiene la posibilidad de brindar algo al usuario, muchos nos "emocionamos" con eso, y empezamos a agregarle muchisimas herramientas a la sidebar...

Responder
JMiur  

Es inevitable y necesario (experimentar es la forma de aprender). Con el tiempo uno decide qué queda y qué se va, si hay otras cosas mejores, si me aburro y quiero cambiar, que se yo, no sólo las páginas son dinámicas, nosotros también.

De cualquier forma todo es subjetivo, a menos que quieras vender algo, primero que nada, tu blog te tiene que gustar a vos, lo demás viene solo.

Responder
Anónimo  

Los navegadores que no soportan marcos no pueden abrir tu pagina? o el problema seria si llegan por el buscador a la pagina que abris con el IFrame¿? desde ya gracias

Responder
JMiur  

En principio no veo ningún inconveniente para que la página sea vista por navegadores que no soportan marcos. Blogger no las utiliza y yo no las he agregado.

Responder
Anónimo  

Hola jmiur! pasaba por aca y bueno me surgio una duda... puedo hacer que el iframe mmuestre el pedaso de pagina que yo quiera?... pregunta rara jajaja :D ... es decir, puedo pocicionar el contenido del iframe a mi gusto? ... con eso evitaria tener q hacer uso de las scrolls ;)

Responder
JMiur  

No, en principio no se puede manipular. Eventualmente, con algo de CSS pode llegar a modificarse algo pero, es muy complejo. El contenido a mostrar debería estar pensado de tal manera e poder ser contenido, eso es lo que ocurre con muchas publicidades.

Responder
Anónimo  

Hola me ayudo mucho esta entrada y alomejor pensaras que como molesto jjajajaa pero me encontre con algo mas, mira...

http://www.cineonline1.com/ver-pelicula-x-files-online.html

(ya viste que solo esta el video y su propia propaganda)

¿Acaso lo hace con un archivo js? ¿o de esta misma manera con miles de modificaciones y casi hecho a mano?

Disculpa por tanta pregunta espero que tengas un buen dia!!

Responder
JMiur  

Pegaso:
Por lo que se ve del código fuente, es lo mismo que la anterior; hay un IFRAME:

<iframe class="noveo" border="0" name="I3"
src="http://www.megavideo.com/?v=I9NKM27U" target="_blank"
rel="nofollow" align="center" scrolling="no" width="488"
frameborder="0" height="526">

La página original sería entonces:
http://www.megavideo.com/?v=I9NKM27U

y allí sí, el reproductor es un archivo de Flash especial que se crea con scripts o pro lo menos, que las usa.

Responder
Shark_Bloody  

hola, hay alguna forma de, por decirlo de alguna manera, hacer un scroll automatico, para que si el contenido del iframe es extenso se pueda mostrar solo cierta parte, por ejemplo, si fuera una pagina web, y quisiesemos mostrar una imagen que esta por el medio, ¿hay alguna propiedad que lo proporcione?
NO importa que sea complicado, me es indispensable, desde ya mil grasias

Responder
JMiur  

Lo único que pudes controlar el el ancho y el alto de la ventana; no hay forma de modificar el contenido ni de establecer que partes ver o que partes ocultar.

Responder
Bonzu Pipinpadaloxicopolis III  

En Wikipedia ponen el texto alternativo entre etiquetas p pero en tu post están entre corchetes, ¿las dos son correctas?.

Responder
JMiur  

Es absolutamente indiferente. Lo que se coloca es lo que quieras, un texto, un párrafo (P), una imagen, etc.

Responder
Anónimo  

saludar es lo primero,
agradecerte este pedazo sitio que a algunos nos ayuda y maravilla por igual, no es peloteo es gratitud de novato con hachetemeles y ceseses

después de echar un vistazo al post, creo que me ayudaría si pudiera insertarlo en mi blog en la sección karaoke, para colocar una iframe bajo el video con las lyrics
algunas pistas más por favor??
y por cierto que alojamiento externo es digno de confianza para colgar swf, fotos, pdfs para completar la web
mil gracias!

Responder
Unknown  

Hola, tengo una pregunta acerca del tema...lo que pasa es que tengo en mi blog dos iframes pero el uno se muestra en lugar del otro y solo se arregla cuando refresco la pgina, como puedo arreglarlo?

Responder
JMiur  

No sé exactamente cuál es cual. Tendría que ver el ejemplo online.

Responder
Dyatlov  

Hola Jmiur, entonces como tengo que hacer para EN MARCAR un video de you tube con un iframe, creo el marco en photoshop, pero como seria el codigo para meter dentro de dicho marco un video desde youtube.

Responder
JMiur  

¿Y para que usar un IFRAME? Si es un video de YouTube se puede insertar directamente con el código que ellos proveen.

Responder
Dyatlov  

Te pediria que entraras a mi blog y veas por que, es como para adornar el contorno, ya que para mi queda muy vacio.

Responder
Dyatlov  

perdon no te deje la dir www.santoverdinegro.com

Gracias.

Responder
JMiur  

Entiendo. Podrías poner el objet de Flash dentro de un div, centrarlo, darle un tamaño, márgenes, etc y allí, en ese div, colocar una imagen de fondo o bordes o ambas cosas.

<div style=" ......... aqui las propeidades ........ ">
aqui el objeto de Flash
</div>

Responder
Dyatlov  

Jmiur, te pido disculpas por consultarte tanto, pero podrias profundisar un poco mas, a que le llamas propiedades? y cual seria el objet de flash, por ahì se pero todavia no tengo bien claro algunos conceptos.

desde ya gracias.

Responder
JMiur  

Es una pregunta muy genérica, no sé cuál resultado quieres obtener. El objeto de Flash es el código que has copiado de YouTube. Puedes ponerlo dentro de un div y darle propeidades, enmarcarlo de alguna manera. Por ejemplo:

<div style="background-color:red;margin:0 auto;width:500px;border: 2px solid blue;">
aqui el código de YouTube
</div>

Responder
Dyatlov  

JMiur, verdaderamente, una masa, espectacular, si en esta vida y en todo ambito las personas tuvieran tu onda, mataria, gracias man sos lo mas.
;)

Responder
JMiur  

Espero que haya servido, Santo :D

Responder
Joan Irazu  

Porque al momento de entrar me direcciona a la pagina que puse.

Responder
JMiur  

Si la pagina en el IFRAME tiene algún script que hace eso, se ejecutará.

Responder
Sr. Quioskero  

JMiur!
Necesitaría saber como armar un iframe para colocar allí una publicidad en mi blog. El formato que me da el sitio, excede el ancho de mi sidebar, y para colocarlo en la cabecera o en el cuerpo de una entrada, es demasiado chico.
Se puede hacer? Si? Como?
Gracias de antemano por tu tiempo y ayuda. Y que sigas adelante con este excelente sitio!!!
pd: en caso de que se pueda, por favor, mis escasos conocimientos de html claman que la respuesta sea a nivel "para torpes"... :P

Responder
JMiur  

El IFRAME es un "agujero en una página, el tamaño de ese agujero es el que uno quiera pero, el tamaño del contenido no. Por l otanto, lo que importa es que tamaño tendrá ese contenido y eso, sólo es posible cambairlo desde donde este la página a ser cargada. Si el formato que te dan s muy chico o muy grande y ellos no pueden cambairlo, no tiene solución.

Responder
Sr. Quioskero  

Justamente, JMiur... digamos que quiero hacer un "agujero" de 300x250 al costado izq de mi blog... Entendés? :) Espacio, hay al costado. El tema es hacerlo al agujero, como algo "externo al cuerpo principal del blog"... como un agregado (definido por mi, claro). Como se puede hacer eso? Gracias!

Responder
Sr. Quioskero  

Te entiendo... pero yo no quiero modificar el tamaño de lo que me dan... lo que quiero, es hacer ese "agujero" (de 300x250) en el costado izq del blog, fuera del cuerpo principal, de manera que quede como un agregado y que utilice todo ese espacio que se desperdicia... Como se puede hacer? Gracias!!!

Responder
JMiur  

Es lo que dice el post; la etiqueta es IFRAME:

<iframe width="300" height="250" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" src="XXXXXX"></iframe>

Y allí, debes reemplazar XXXXXXX por al dirección URL de la página externa que quieras mostrar. No sé cuál es esa página.

Responder
AdminED  

hola man esta muy bueno este post, pero tengo una pregunta yo veo en muchas pajinas q usan iframe para anuncios adsense mi pregunta es como lo hacen si podrias hacer un post explicando como se hace muchas gracias de antemano por tu ayuda
un ejemplo
en esta url esta el ejemplo
http://animesok.webcindario.com/codigos%20html/ejemplo%20iframe.txt

dedonde consigen esta direccion
este codigo nome genera mi adsense como lo consigo gracias
http://adserving.cpxinteractive.com/st?ad_type=iframe&ad_size=728x90&section=430341

Responder
JMiur  

CPXinteractive es un servicio diferente de Adsense. Debes sacar una cuenta allí y ellos te darán los códigos a agregar. Lee las condiciones porque sólo sirve si el volumen de visitas es significativo.

Responder
Unknown  

Haber si consigues solucionarme esto xD .(Por cierto ya funciona lo mio!)

Mira :
http://idrid-youtube.blogspot.com/
vas haber como si el iframe quesiese hacerse mas grande xD.
¿Como lo soluciono?

Y aqui el contenido del iframe :
http://idrid-data.blogspot.com/p/cookie.html

Responder
Unknown  

Ahhh y por cierto ¿como puedo hacer para que Firefox detecte que estoy poniendo una contraseña y salga el menu diciendo si quiero recordarla?

Responder
JMiur  

Miguel, no sé qué quieres mostrar ahí; si se trata de una página estática, la altura de 30 pixeles es escasa ya que todo lo que se ve es la navbar de blogger mismo.

Lo de Firefox es lo que hace por defecto. Fíjate que esté marcado eso en Opciones | Seguridad | Contraseñas.

Responder
Unknown  

Eso te pasa por no poner el nombre :).
Por cierto tienes que tener los cookies activados.
Si te fijas en el CF ves que hay un Document.Write con esto:
Welcome '+name+'...(Ese dato le recoge promt) y ya no se vera la barra Blogger.
Ah y lo Firefox no era eso , pero ya lo soluciono.

Responder
Bilosony2™  

Y si quisiera mostrar solo alguna parte de una pagina???
Por ej si quiera mostras solo la parte del game que aparece en esta pagina como deveria hacer??

http://www.paginaswebflash.com/proyectos/GrafittiAplication/aplicacion-flash-graffiti.html


Saludos!!

Responder
JMiur  

Eso no es posible. Los IFRAMES muestran las páginas completas y no sectores.

Responder
Bilosony2™  

Pero no podria pocisionarme para que enpiese en alguna parte??

Responder
JMiur  

No, como te dije, eso no es posible.

Responder
Bilosony2™  

Pues tenias razon pero eso no evito a que pueda tapar siertas partes para solo mostrar el contenido que quiero. Con la superpocicion de backgrounds o imagenes se puede tapar todas las partes inecesarias o que uno simplemente no quiere mostrar :)
Puedes ver como deje la aplicacion que te contaba que queria mostrar anterior mente ;)

http://www.pintagraff.com/p/graffiti-creator.html


Saludos!!!

Responder
JMiur  

Mejor míralo en Internet Explorer para ver el resultado. No, no es una buena idea en absoluto; entre otras cosas, porque estás utilizando un contenido que no te pertenece.

Responder
Bilosony2™  

Con esa respuesta me as echo dudar :S jeje.

Me fije en internet explorer y creo que esta todo bien :)) Pero sobre el uso de la aplicacion dudo un poco, aunque creo que esta todo bien sin el las condiciones de uso se explica que todo bien mientras no intente lucrar ni promocionar nada atraves de ella, ademas dejo en claro todos los creditos de la pagina original :)

Responder
JMiur  

Hasta ahí llega mi opinión personal. No puedo agregar nada más. Creo que no es una buena idea en absoluto.

Responder
Luis  

hola amigo mira yo quisiera tener un marco como este asi de ponerle videos y eso mira para qe lo veas www.rovaldimix.com como lo debo de hacer? cuales serian los codigos gracias :D

Responder
JMiur  

Eso es un IFRAME, dependerá de la página que quieras mostar. Deberás ver el ancho, el alto y la dirección URL necesaria. No es una etiqueta que tenga otras opciones.

Responder
Póquer Tampico  

Excelente, mil gracias, ya pude poner el foro en el blog :D

Responder
Juan  

He puesto un iframe con los elementos compartidos de Google Reader y el Explorer no se ven, en Firefox y demás todo perfecto.
Que puedo hacer?
Gracias.

Responder
JMiur  

Como no veo el ejmplo, no puedo decirte. Puede ser que en Firefox estés logueado en tu cuenta de Google y en IE no.

Responder
Juan  

@Juan
Perdona por la falta de datos.
La web es http://rebundancia.blogspot.com y he comprobado que se ve bien en Firefox incluso sin estar logueado.

Responder
JMiur  

OK, ahora lo veo. Por lo que he estado leyendo, hay alo en la seguridad e IE que impide que se muestren IFRAMEs con ciertos contenidos. L oque no he encontrado es una explicación exacta para saber qué contenidos se aceptan y cuales no.

Responder
Noticias IDPP  

Una pregunta, quiero incluir un blog de Blogger dentro de un sitio hecho con asp.net, pero al hacerlo me pide una configuracion en el servidor, para manejar una base de datos sqlserver express. Si alguien tiene información acerca de la configuración que solicita Blogger, se la agredecería..

El mensaje es el siguiente:

"Error relacionado con la red o específico de la instancia mientras se establecía una conexión con el servidor SQL Server. No se encontró el servidor o éste no estaba accesible. Compruebe que el nombre de la instancia es correcto y que SQL Server está configurado para admitir conexiones remotas. (provider: Interfaces de red SQL, error: 26 - Error al buscar el servidor o instancia especificado) "

Responder
Enrique Nava  

JMiur, se podrá también colocar los post en blogger con iframe y también se podrá hacer lo mismo tanto con los comentarios de face como con los comentario del blog? Saludos Cordiales!

Responder
JMiur  

Los posts si; fíjate en esta entrada.

Los comentarios de FB ... depende ya que para acceder a ellos se debe estar logueado en la cuenta.

Responder
Enrique Nava  

Ok, en cuanto a Facebook me refiero al comment box, si es posible colocarlo en iframe con atributos scrolling para también minizar espacio, al igual que los comentarios incrustados en el blog. Garcias!

Responder
JMiur  

Uno de los métodos para agregar un Comment Box de Facebook es utilizar un iframe por lo tanto, no veo qué sentido tendría colocar uno dentro de otro.

Responder
Enrique Nava  

Amigo, lo que necesito exactamente es aplicarle un atributo scrolling al código, piensó que solo se puede a través de un iframe, o también se puede de otra forma? yo tengo el codigo comment box de facebook dentro de una tabla con imagen al fondo para que se puedan visualizar las letras ya que el fondo de mi blog es oscuro... Lo que quiero con este atributo es minimizar espacio en el blog, al igual si sería posible también con los comentarios propios del blog y con los post o entradas del mismo...

Responder
JMiur  

Puedes hacer lo mismo dimesionando el contenedor y utilizando la propiedad overflow en cualquier etiqueta de bloque: Listas largas en espacios pequeños.

Responder
Emi  

Hola JMiur!
Estamos preparando un foro para el blog NecroDomo y la idea es ponerlo como un iframe dentro del mismo blog. Por ahora lo mejor que logré es esto pero la pregunta es:
Hay alguna forma de que el alto del iframe se adapte automáticamente a su contenido? Al ser un foro, el height de las páginas es muy dinámico, por lo que no se le puede poner una altura fija al iframe y que se vea todo el contenido a no ser que sea exageradamente superior, lo que no queda del todo bien.
Gracias y saludos!

Responder
JMiur  

Eso no es sencillo cuando se trata de páginas que están en diferentes dominios. Fíjate en este script de dynamicdrive.

Responder
Emi  

Gracias!
Lo estoy probando. Aunque no funcione en todos los navegadores, es un script interesante, pero como bien dices no es algo sencillo. Puede que lo más simple y seguro sea "copiar" la cabecera del blog al foro, para que sea fácil regresar a la web.
Muchas gracias nuevamente! Saludos.

Responder
JMiur  

Creo que si, que esa solución es más razonable.

Responder
Luis Enrique  

gracias por este hilo. Me ha resultado de mucha ayuda

Responder
Unknown  

Hola amigo, te hago una pregunta, yo puse un iframe en mi pagina de internet, quite el scrolling , pero si utilizas la ruedita del mouse, se podes dezplazar, ahy alguna opcion para que no se pueda desplazar con dicha ruedita?

Responder
JMiur  

Lo desconozco, Pelle.

Responder
Valentín VN  

Gracias, estaba buscando cómo hacer un iframe.

Responder
Ure  

Hola, JMiur!
Gracias a ti y a otros muchos como tú, hacéis posible que los demás aprendamos, yo te estoy enormemente agradecido!

Sin embargo, y aunque aún no sé cómo podéis dedicar tanto tiempo a atender nuestras consultas, yo te hago otra:

Mira, para empezar, no tengo mucha idea de códigos ni de cosas raras ;), así que intento solucionar las cosas según me van saliendo, y así me corre el pelo... A pesar de que he empezado 3 blogs, sólo uno me está dando quebraderos de cabeza... casa-andalucia-logrono.blogspot.com

El tema es que les quiero hacer algo mejor que el Facebook que alguien ha creado, me parece bastante cutre. Pero como tiene muchas visitas, no les quiero pedir que lo borren. Así que quiero agregar un iframe al final de mi blog en el que aparezca el Facebook operativo y funcionando, de forma que los visitantes puedan interaccionar con las dos cosas a la vez. El problema es que, como mucho, consigo que se vea el logo de Facebook, que sí, que te desvía a donde quiero, pero no dentro del script, sino que toma el control de la página y el blog desaparece, la página carga el Facebook y punto. Y lo que pretendo es que funcionen las dos a la vez. Por ahí leí que el gmail podía incrustarse con iframe a través de la dirección del móvil, m.gmail..., puede que hasta hayas sido tú quien lo investigó. He intentado hacer lo mismo con Facebook, m.facebook... Pero no lo consigo de ninguna manera.

¿Podrías ayudarme, por favor? ¿O simplemente no se puede desde blogger?

Otro dato que no sé si será importante o dará lo mismo: la dirección del Facebook de la Casa es del tipo numeral (https://www.facebook.com/people/Casa-De-Andaluc%C3%ADa-Logro%C3%B1o/100002521545344).

Desde ya, muchísimas gracias por dedicar tu tiempo a los que necesitamos de tu ayuda!

Responder
JMiur  

Eso sea posible, sería un error grave de Facebook si ellos permitieran que pudiera ser incrustado en un sitio web mediante un iframe. Es una red social y por lo tanto, su contenido sólo es accesible a través de las herramientas que proveen.

Responder
Ure  

Gracias, maestro! Sabiendo que no se puede, por lo menos elimino el gadget y listo, ya no sigo perdiendo el tiempo...

Muchas gracias!!!

Responder
Pato Carulla  

Hola!! que buenos artículos, felicitaciones!!
Quería consultarte algo: soy bastante novata y mi duda es la siguiente, estoy armando un menú vertical (izquierdo)para consultar lineas de productos, al hacer clic sobre cada botón de este menú debería mostrarse un listado de los productos a la derecha del menu. Para lograr esto, en lugar de hacer una html por cada linea de producto es conveniente usar iframe? o como he leído en tantos lugares están en desuso y se recomienda object. Realmente no se cual es la manera mas conveniente ni como hacerlo. Gracias por tu respuesta, me seria de gran ayuda!!

JMiur  

¿Quién dice que los iframes están en desuso? :D Cada vez se usan más y más porque es una forma simple para que un servicio externo controle el contenido que otros, insertan en sus sitios sin que estos deban cambiar nada cuando se modifican. Por eso lo usan desde YouTube hasta Facebook.

Pero, al margen, lo lógico para un menú de productos es que este se encuentre directamente en el sitio y no en un iframe ya que de este modo, se indexará con la url del sitio mismo.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR