Zmień URL rodzica z elementu iframe

Question

Potrzebujesz pomocy z prostym problemem! który ma następujące kryteria:

1) kliknięcie łącza obrazków w zmianach elementów iframe Strona nadrzędna, kliknięcie na inny link obrazu pływającego zmienia rodzica na inną stronę (patrz poniżej).

To może wydawać się proste, ale od kilku dni jestem googlowany i przejrzałem wiele forów. kod może być w html css i js, ale proszę trzymać żadnych odpowiedzi proste, jak to możliwe i umieścić pełny przykład roboczy do pracy jak jestem nowy w kodowaniu lub przekodować stronę testową: http://www.howiepotter.com/parent.html

Answer 1

Zmień Twój link z tego:

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

do tego:

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

Jeśli chcesz, możesz po prostu umieścić onclick Handler na obrazie zamiast tego i pozbyć się kotwicy.

Należy zauważyć, że nie jest to właściwe miejsce na javascript (programy obsługi powinny być związane z plikiem .js, a nie znacznikami), ale mam wrażenie, że szukasz chirurgicznej odpowiedzi i nie przejmujesz się zbytnio najlepsze praktyki.

edytuj: jak zauważył Victor Nicollet, spowoduje to zgłoszenie wyjątku dotyczącego zabezpieczeń, jeśli strona iframe i strona nadrzędna nie współdzielą domen. zobacz http://en.wikipedia.org/wiki/Same_origin_policy

Answer 2

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

„_top”

ładuje zawartość ramek najwyższego poziomu (w efekcie, cała okno przeglądarki ), bez względu na to ile poziomów zagnieżdżonych w dół bieżącej ramki znajduje

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