Agir sur un DIV d'une autre page avec JAVASCRIPT

Question

Bonjour, mon problème est simple :

j'ai 2 pages HTML.
Pour simplifier, une page A.html qui contient un DIV dont l'ID est idA, une page B.html (appelée par A) qui contient un DIV dont l'ID est idB.

Comment, avec Javascript, à la suite d'un évènement sur le 
, agir sur le 
 situé dans l'autre page ?

Je serais tenté d'appeler une fonction javascript sur l'évènement, et d'utiliser la méthode getElementById('idB') pour récupérer le 
 et ainsi agir dessus (modifier le innerHTML par exemple).

Donc, y'a t-il une synthaxe et quelle est-elle pour récupérer le 
 ? document.parent.. ? 

Merci

cs_bultez · Answer

Bonjour,

>>Pour simplifier, une page A.html une page B.html (appelée par A) 
    certes... appelée comment ?    par window.open ?
        dans ce cas : window.opener.??? s'adresse à ce qu'on veut de l'appelant.
          sinon... faudra voir ça "autrement"

<hr />                Cordialement             Bul

HornetYams · Answer

Tout à fait, B appelée par A avec window.open(...).
Quand il s'agit d'accéder à un DIV de la page courante, on utilise document.getElementByID(id du DIV). Mais du coup pour accéder (depuis A) au DIV de B ??

Merci

PetoleTeam · Answer

Bonjour à tous, 

Dans A.html, on ouvre le 
document B.html en gardant son adresse, Win_B dans le cas présent 
Win_B = window.open('B.html');

A partir de A.html, on accéde aux DIVs de B.html par 
Win_B.document.getElementByID( 
nom_div);

;O)

HornetYams · Answer

Merci, je comprend bien l'idée : 
transmettre la référence de la fenêtre d'une page à une autre. Mais comment fait-on cela avec Javascript ? On utilise une variable globale ? Comment la fait-on communiquer ?

Agir sur un DIV d'une autre page avec JAVASCRIPT

4 réponses

Votre réponse