Détecter lors de l'iframe est multi-domaine, puis le buste hors de lui

J'ai une page avec un grand iframe qui contient une majorité de contenu. L'utilisateur interagit avec le site web en cliquant autour de l'intérieur de l'iframe. La fonctionnalité que je suis en train de construire est: Lorsqu'un utilisateur navigue loin de mon site, je leur fais une faveur et à sortir de l'iframe.

L'iframe est un événement onload qui est déclenché chaque fois qu'une nouvelle page est chargée, de la croix-domaine ou non.

<iframe id="testframe" src="http://mysite.com" onload="testframe_loaded()"></iframe>

Chaque fois que l'événement est déclenché, je suis à la recherche d'une certaine façon à:

Un) Détecter lorsque l'utilisateur accède à un domaine différent

B) Buste hors de l'iframe.

Je soupçonne que B n'est pas possible, puisque les navigateurs ne donne pas accès à

document.getElementById("testframe").contentDocument.location.href

lorsque l'iframe est inter-domaine. Je suis également pas sûr de savoir si ou non est possible.

Si quelqu'un a des idées sur la façon de le faire, ou est positif qu'il ne peut pas être fait, je vous en serais reconnaissant les conseils.

Grâce

InformationsquelleAutor Emmett | 2010-03-02
  1. 8

    Vous pouvez faire, car si vous obtenez un message d'erreur (que vous pouvez attraper), cela signifie qu'ils sont inter-domaine 🙂 Ensuite, vous pouvez redimensionner l'iframe à l'ensemble de la page. Mais je pense que vous avez raison, vous ne pouvez pas sortir, sans l'accord de coopération de l'autre domaine.

    EDIT: vous avez raison, Vous n'avez pas besoin de sondage. Voici le code de base:

    <html>
<head>
<title>Cross-domain frame test</title>
<!-- http://stackoverflow.com/questions/2365822/detect-when-iframe-is-cross-domain-then-bust-out-of-it/2365853#2365853 -->
<script type="text/javascript">
function checkForCross()
{
  var iframe = document.getElementById("myFrame");
  try
  {
    var loc = iframe.contentDocument.location.href;
  } catch(e)
  {
    iframe.setAttribute("style", "border: 0; margin: 0; padding: 0; height: 100%; width: 100%;");
  }
}
</script>
</head>
<body>
<iframe name="myFrame" id="myFrame" src="child.html" style="height: 50%; width: 50%;" onload="checkForCross()"></iframe>
</body>
</html>
    • Je vais tester le try/catch approche.. j'oublie toujours que JavaScript prend en charge que 🙂 d'Interrogation n'est pas nécessaire si, puisque je ne peux il suffit de tester à chaque fois que l'iframe de l'événement onload est déclenché.
    • Cela fonctionne bien et démontre qu'il est possible. Malheureusement B semble encore impossible-l'expansion de l'iframe fonctionne, mais il est encore bancale car l'url dans la barre d'adresse ne correspond pas au site en cours d'affichage. Je vais essayer de jouer un peu avec les solutions impliquant la modification de la des liens que les autres réponses suggèrent, par exemple, de la fixation d'un gestionnaire de clic sur chaque lien qui vérifie si l'attribut href est inter-domaine.
    • Emmett, le gestionnaire de clic fonctionne, mais seulement pour le /de votre/ liens, pas de liens à l'intérieur de l'iframe.
    • Aussi loin que je peux dire, le bloc try/catch n'empêche pas une erreur d'apparaître dans google Chrome ou Safari d'erreur de la console. Quelqu'un sait comment faire Un de ces navigateurs?
    • l'erreur n'est pas de la catch-mesure (au moins sur chrome). L'exécution se poursuit, mais l'accès à toute inter-domaine de la variable est retourné comme non défini. Voir ma réponse ci-dessous pour un exemple de code.
    InformationsquelleAutor Matthew Flaschen
  2. 2

    définir la "cible" de l'attribut sur les liens externes pour '_top'.

    • Ce que vous pouvez faire lorsque vous ne les croix de domaine par la marche de la NOMENCLATURE.
    InformationsquelleAutor kennebec
  3. 1

    Cela fonctionne pour chrome au moins (pas de testeur sur les autres navigateurs)

       if(parent.location.host != undefined){ 
       alert("hello world!");
    }else{
       throw "cannot access parent!";
    }

    Il va encore jeter le "unsafe javascript attempt" avertissement, mais cela n'arrête pas l'exécution de code. Au lieu de la variable est retourné comme non défini.

    InformationsquelleAutor NSjonas