Discussion :

[thibaud74]

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.

[Bovino]

Pour commencer, si l'iframe est sur un autre domaine que le tiens, n'y compte même pas, c'est tout simplement pas possible.

[thibaud74]

Ça c'est intéressant : justement, l'iframe est sur le même nom de domaine. En revanche, cela veut dire que je ne peux pas faire le test en local, alors que ça fonctionne avec firebug...

[thelvin]

En revanche, cela veut dire que je ne peux pas faire le test en local, alors que ça fonctionne avec firebug...

Il s'agit d'une mesure de sécurité pour ceux qui vont sur le site sans se poser de question. L'idée est de ne pas laisser un site voler les informations et accès que te donnent un autre site.

Dans le cas de Firebug, il est sous ton contrôle, il ne va pas s'empêcher lui-même l'accès aux données sous prétexte qu'il risquerait de te les voler.