Modifier le CSS d'un iframe
Bonjour à tous,
Je souhaite modifier le CSS d'un iframe 8-) qui apparaît ainsi :
http://thibaud.hulin.free.fr/dokuwik...hp?id=fr:start
Comme l'affichage de la h1 utilise de gros caractères pour ce cadre, j'ai besoin de réduire le fontSize.
J'ai utilisé l'exemple avec succès dans cette page :
http://xkr.us/articles/dom/iframe-document/ en utilisant le code suivant :
Code:
1
2
3
4
5
6
7
| var oIframe = document.getElementById("myframe");
var oDoc = oIframe.contentWindow || oIframe.contentDocument;
if (oDoc.document) {
oDoc = oDoc.document;
}
oDoc.body.getElementsByTagName('h1')[0].style |
J'ai ensuite remplacé "myframe" par "iframe1" (requis dans mon exemple) ; or j'obtiens l'erreur :
Code:
TypeError: oIframe is null
En outre, un getElementsByTagName devrait m'être plus utile que le getElementById, car je peux avoir plusieurs frames. J'ai donc modifié le code ainsi (testé dans firebug) :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
function changeFrame(oIframe) {
var oDoc = oIframe.contentWindow || oIframe.contentDocument;
if (oDoc.document) {
oDoc = oDoc.document;
}
oDoc.body.h1.style.fontSize = "20px";
return true;
}
var ifr=document.getElementsByTagName("iframe");
for (i=0;i<ifr.length;i++)
{
changeFrame(ifr[i]);
} |
Or j'obtiens un
Code:
Error: Permission denied to access property 'document'
???
Merci de l'aide,
Thibaud.
