11548 sujets

JavaScript, DOM et API Web HTML5

[RESOLU] Cibler la page index à partir d'une iframe

steph_65


Bonjour,

Je suis en train de travailler sur un site qui date un peu et qui utilise les frame pour l'affichage de son contenu.
Mon problème concerne le ciblage de la page index en javascript de ce site depuis une iframe du site.

VOilà la situation:
J'ai une page index.php qui contient une iframe (centre). Celle-ci inclut une page affich_cat.php qui contient aussi une iframe (droite) qui appelle une page accueil.php.
Je voudrais changer le contenu d'une <div> de la page index avec innerHTML à partir de la page accueil.php.

J'espère que j'ai été clair, voilà une petite illustration de mes propos...

upload/21352-illustrati.jpg

voici le code page index.php
<body bgcolor="#666699">
INDEX<br/>
<div id="nb_article">Vous avez 0 Article dans votre panier</div>
<iframe width="1000" 
height="500"
    id="centre" 
    name="centre"
    src="affich_cat.html" 
    scrolling="NO"
    frameborder="0"
    height="1"
    allowtransparency="true">
</iframe>

</body>


page affich_cat.php
<body bgcolor="red">
AFFICH_CAT<br/>
<iframe width="708" 
		height="200"
        id="droite" 
        name="droite"
        src="accueil.html"
        scrolling="NO"
        frameborder="0"
        height="1"
allowtransparency="true">
</iframe>


</body>


Page accueil :
<body bgcolor="green">
ACCUEIL
<a onClick='ajout();' href="#">Lien</a>
</body>



code javascript sachant que je sais que ça ne fonctionne pas
function changvaleur(){
	top.getElementById('nb_article').innerHTML='changement de valeur';
}


J'ai trouver des solutions pour cibler une iframe depuis la page index mais pas l'inverse.

Voilou !!! j'espère que j'ai été clair sinon n'hésitez pas à me demander plus de renseignement...
Modifié par steph_65 (02 May 2009 - 16:58)
Bon, sur un autre forum j'ai réussi à avoir la réponse
donc je l'a donne ici aussi...

pour cibler une <div> qui est sur la page index depuis la page accueil contenu dans deux frames

parent.parent.document.getElementById("id_de_la_div").innerHTML="test";

Modifié par steph_65 (02 May 2009 - 16:43)
Sujet clos
Aller à