Comment obtenir javascript dans un cadre d'attendre jusqu'à ce qu'une page est chargée dans un second cadre

Question

J'ai deux cadres dans un jeu de cadres - frame[0] contient un script qui charge une page en frame[1] utilisant

top.frames[1].location.href = 'http://some_location.com/page.html'; 

et effectue ensuite actions sur cette page, par exemple la recherche de texte dans la page. J'ai besoin que le script attende jusqu'à ce que page.html soit chargé dans la deuxième image avant de faire ceci, et je ne peux pas utiliser onload=... dans la deuxième page parce que je n'ai aucun contrôle sur sa source.

Existe-t-il un moyen de le faire?

Answer 1

utilisation événement onload de l'élément CADRE

modifier:

<frame onload = "if(top.frames[1].location.pathname == '/page.html' ") alert('loaded')"; 

ou si vous chargez des pages différentes à la même utilisation du cadre ceci:

<frame onload = "if(top.frames[1].location.pathname != 'about:blank' ") alert('loaded')"; 

ou

<frame src = '/dummyInitial.html' onload = "if(top.frames[1].location.pathname != '/dummyInitial.html' ") alert('loaded')"; 

Answer 2

Si vous avez e pas de contrôle sur la source de la page chargée et plus important encore, si elle provient d'un autre domaine, alors il n'y a qu'une seule réponse:

Vous ne pouvez pas.

La communication inter-trames entre différents domaines n'est PAS possible. Et vous avez besoin d'une communication intertrame car vous auriez besoin de quelque chose comme la fonction prête de jquery dans la page chargée pour déterminer si la page entière (le DOM) est chargée.

Answer 3

Eh bien, je fais cela, et cela fonctionne.

var idInterval; 
function callPage() 
{ top.main.document.location.href = somepage.aspx; 
    document.getElementById('divLoading').style.visibility ="visible"; 
    idInterval = setInterval("validaFrameMain()",50); 
} 
//look if the frame page is complete load 
function validaFrameMain() 
{ 
    if (top.main.document.readyState != "complete") 
    {document.getElementById('divLoading').style.visibility ="visible";} 
    else 
    { document.getElementById('divLoading').style.visibility ="hidden";; 
    clearInterval(idInterval); 
    idInterval = nothing; 
    } 
}