Bonjour à tous,

Je souhaite modifier le CSS d'un iframe 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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
 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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
Error: Permission denied to access property 'document'
???

Merci de l'aide,
Thibaud.