web-dev-qa-db-fra.com

Changer l'URL parent de iframe

Besoin d'aide avec un problème simple! qui a les critères suivants:

1) cliquez sur le lien d'images dans la page parent d'iframe change, cliquez sur un autre lien d'image iframe change de parent sur une autre page (voir ci-dessous).

Cela peut sembler simple, mais je suis sur Google depuis des jours maintenant et j'ai parcouru de nombreux forums. Le code peut être en html css ou js, mais veuillez garder les réponses aussi simples que possible et publier un exemple de travail complet pour travailler car je suis nouveau dans le codage ou recoder le site de test: http: //www.howiepotter. com/parent.html

enter image description here

javascriptiframeparent
42
user1476899

http://reference.sitepoint.com/html/a/target

"_Haut"

charge le contenu dans le jeu de cadres de niveau supérieur (en fait, toute la fenêtre du navigateur), quel que soit le nombre de niveaux imbriqués dans le cadre actuel

<a href="page" target="_top">Replace parent url!</a>
62
biziclop

Modifiez votre lien à partir de ceci:

<a href="link-here.html">

Pour ça:

<a href="#" onclick="top.window.location.href='yourURL';">

Si vous le souhaitez, vous pouvez simplement placer le gestionnaire onclick sur l'image à la place et vous débarrasser de l'ancre.

Notez que ce n'est pas le bon endroit pour avoir du javascript (les gestionnaires doivent être liés à partir d'un fichier .js, pas dans le balisage), mais j'ai l'impression que vous recherchez une réponse chirurgicale et que vous ne vous souciez pas beaucoup des meilleures pratiques.

edit: comme l'a souligné Victor Nicollet, cela lèvera une exception de sécurité si votre iframe et votre page parent ne partagent pas de domaines. voir http://en.wikipedia.org/wiki/Same_Origin_policy

33
jbabey

Au cas où @biziclop décide de supprimer sa réponse comme il semble menacer de le faire dans les commentaires, voici à nouveau sa réponse qui est très utile:

http://reference.sitepoint.com/html/a/target

"_Haut"

charge le contenu dans le jeu de cadres de niveau supérieur (en fait, toute la fenêtre du navigateur), quel que soit le nombre de niveaux imbriqués dans le cadre actuel

<a href="page" target="_top">Replace parent url!</a>
0
Pixelomo