2009-10-04 10 views
1

Je travaille sur un site Joomla 1.5 et une petite application php autonome, que je veux montrer dans un IFRAME inséré dans un article. Le modèle que j'utilise pour le site web a un fond gris foncé et l'IFRAME montre un fond gris lorsqu'il est chargé dans Firefox (je ne sais pas exactement pourquoi c'est ainsi, mais j'aime ça comme ça). Cependant, lorsque la page est chargée dans IE, l'IFRAME a un arrière-plan blanc (ce qui est compréhensible).Comment placer la couleur de fond d'IFRAME à la couleur BG de son document parent?

Comment faire en sorte que l'IFRAME copie également la couleur d'arrière-plan de son document parent dans IE?


Aussi, j'ai une autre question related to IFRAME usage and Joomla 1.5 sans réponse, que je voudrais attirer votre attention à.

Répondre

1

Si l'application autonome est sur le même domaine que la page de l'article, vous pouvez accéder au cadre supérieur (avec l'article) par javascript - comme ceci:

document.body.style.backgroundColor = getComputedStyle(window.top.document.body); 

Un style calculé peut être obtenir que décrit dans this article.

Votre autre option consiste à ajouter un paramètre de chaîne de requête pour l'iframe, comme bgcolor= - c'est une approche plus semblable à un widget, et rendra l'application autonome plus configurable. Je recommande personnellement cette approche - elle ne s'appuiera pas sur javascript et ne clignotera pas si l'exécution est lente.

+0

merci pour le conseil. Oui, l'application est sur le même domaine et je vais essayer la solution javascript, même si je vois pourquoi la deuxième option a votre préférence. –

+0

La première option ne fonctionnera pas sur IE, qui utilise currentStyle à la place, et sur les anciens navigateurs qui ne sont pas disponibles. Il repose également sur l'arrière-plan défini uniquement sur l'étiquette du corps; Si elle était définie sur la balise html ou tout autre div à l'intérieur du corps, cela ne fonctionnerait pas. D'autre part, le paramètre 'bgcolor' est explicite et solide. – bobince

+0

@bobince bon point sur l'étiquette du corps - la différence currentStyle/computedStyle est expliquée dans l'article - Je viens d'utiliser le terme pour décrire le concept ... –

Questions connexes