JQuery trouver un élément dans Iframe (par son texte) et en ajoutant la fonction .cliquez à ce

Question

J'ai une page Web (A) et je suis Embedding (A) à mon mainpage (B) en utilisant iframe. Ce (A) contient un lien qui ferme la fenêtre du navigateur:

<a href="" onclick="window.opener = window;
    window.close();
    return false;">Close The Page</a>

Depuis que j'embedd (A), la capacité proche de (A) est plus fonctionnel. Ce que je dois faire est, lorsque ce lien est cliqué de (B), je veux cacher mon iframe, en d'autres termes font ressembler à la fermeture. Je dois donc atteindre ce lien dans la iframe et comprendre si elle est cliqué ou non (B)?

Aide s'il vous plaît.

Merci

Answer 1

Je pense ce qui suit fonctionnera. Nous sommes performants en fait un « trouver » sur le contenu de votre iframe. Une fois que nous trouvons le lien que nous voulons, nous lier un événement à ce qui clôturera le bon iframe dans le document parent. Notez que votre iframe doit être sur le même domaine que votre page parent, ou vous ne serez pas en mesure d'accéder à ses éléments. De plus, j'ai ajouté une classe au lien pour faciliter la sélection. Je vous suggère de faire également cela.

$("#iframeID").contents().find("a.closeWindow").bind("click", function(){
  $("#iframeID", top.document).hide();
});

Si vous devez absolument baser la liaison sur le texte du lien, vous aurez à faire défiler les liens pour trouver le bon un:

$("a", $("#iframeID").contents()).each(function(){
  if ($(this).text() == "Close The Page") {
    $(this).bind("click", function() { 
      $("#iframeID", top.document).hide(); 
    });
  }
});