Aplicar css a un iframe

5,328 views
Skip to first unread message

Juan Francisco Sánchez Ramos

unread,
Dec 15, 2010, 10:05:16 AM12/15/10
to fronten...@googlegroups.com
Hola gente, tengo una dudilla.

Se puede aplicar css a un iframe?.

Me explico. 

Yo tengo una imagen que llamo a un iframe que el contenido es toto html sin nada de css ni js ni cosas raras, mi idea es formatear el texto de ese iframe y darle un poco de color.

Sabes alguna forma de poder-lo modificar?.

Gracias :)

--
Juan Francisco Sánchez Ramos
twitter @juanfrasr

Miro Keller

unread,
Dec 15, 2010, 10:19:32 AM12/15/10
to fronten...@googlegroups.com
Creo que tienes que incluir los estilos en el html, o linkar a una hoja de estilo, dentro del iframe.

Saludos,
Miro

Ismael González

unread,
Dec 15, 2010, 10:22:08 AM12/15/10
to fronten...@googlegroups.com

Desde el css que cargues en la página que llama al iframe no puedes alterar nada de este.

Dentro del propio html del iframe deberás meter los estilos, ya sea con "<link>" o "<style>"

De todas formas, los iframes no molan :)

Juan Francisco Sánchez Ramos

unread,
Dec 15, 2010, 10:23:13 AM12/15/10
to fronten...@googlegroups.com
No puedo modificar nada no :(.

Lose no molan nada!, estoy mirando de cargar-lo directamente, ya os contare

2010/12/15 Ismael González <igonzale...@gmail.com>

Harold Dennison

unread,
Dec 15, 2010, 10:24:11 AM12/15/10
to fronten...@googlegroups.com
Hasta donde yo se, si el iframe que cargas no es tuyo (cargas otra web, por ejemplo) y no te dan permisos para ello, no vas a poder cambiar nada.

Si es tuyo, si que se pueden hacer document.write con javascript (o algo similar) asi que le podrás pasar una hoja de estilos..

Raúl Jiménez Ortega

unread,
Dec 15, 2010, 11:51:36 AM12/15/10
to fronten...@googlegroups.com
Pero si no recuerdo mal con Javascript puedes acceder a los elementos hijo del iframe, de ese modo (y aunque sea MUY chapucero) puedes tocar el DOM si lo necesitas (aunque si tienen Javascript desactivado se jode el invento).

A menos que el nodo hijo te bloquee (por ej si el iframe es de un Google Docs), deberías poder, prueba con:
document.getElementById('nombreIframe').contentWindow.document.getElementById('ElementoAmodificar')

Un abrazico!
----------------------------------------------------------------------------------------------------------------
Raúl Jiménez Ortega
Urgent contact: if you need urgent contact please phone me +34 652 38 43 50 
    
Chat : hhkaos (at google) |  
kaos_cs
Asociación de webmasters: Granada |  Málaga
Local organizer at:GTUG Granada | Iniciador Granada
Other projects: GeoRemindMe 



2010/12/15 Harold Dennison <harold....@gmail.com>

Oriol Torras

unread,
Dec 15, 2010, 12:11:09 PM12/15/10
to fronten...@googlegroups.com
Si el iframe no abre una página de tu propio dominio no tienes acceso javascript a ese iframe.

:S

2010/12/15 Raúl Jiménez Ortega <rjim...@webmastergranada.es>

Juan Francisco Sánchez Ramos

unread,
Dec 15, 2010, 1:22:37 PM12/15/10
to fronten...@googlegroups.com
Vale resuelto, he conseguido acceder a la información del iframe.

Gracias por la ayuda :)

2010/12/15 Oriol Torras <uri.t...@gmail.com>

Raúl Jiménez Ortega

unread,
Dec 15, 2010, 2:07:03 PM12/15/10
to fronten...@googlegroups.com
No nos dejes con la duda xD, era un iframe de tu dominio? o sino... como lo has resuelto?xD

----------------------------------------------------------------------------------------------------------------
Raúl Jiménez Ortega
Urgent contact: if you need urgent contact please phone me +34 652 38 43 50 
    
Chat : hhkaos (at google) |  
kaos_cs
Asociación de webmasters: Granada |  Málaga
Local organizer at:GTUG Granada | Iniciador Granada
Other projects: GeoRemindMe 



2010/12/15 Juan Francisco Sánchez Ramos <juan...@gmail.com>
Reply all
Reply to author
Forward
0 new messages