2012-06-26 7 views
31

Нужна помощь с простой проблемой! который имеет следующие критерии:Изменить родительский URL от iframe

1) нажмите ссылку на изображения в изменениях iframe. Родительская страница, нажмите на другую ссылку на изображение iframe. Перейдите на другую страницу (см. ниже).

Это может показаться простым, но я нахожусь в Интернете в течение нескольких дней и просматриваю много форумов. код может быть в HTML CSS или JS, но, пожалуйста, сохранить какие-либо ответы просто, как можно и опубликовать полный рабочий пример, чтобы работать, как я новичок в кодировании или перекодировать сайт тест: http://www.howiepotter.com/parent.html

enter image description here

+0

пожалуйста, вы можете разместить код вы в настоящее время используется в дополнение к указанной ссылке? – jackwanders

+0

Вам нужно указать родителя и использовать атрибут 'target'. Также потратите некоторое время на чтение документации. Или даже просто искать в Google. – Ben

+1

Возможный дубликат [Как изменить URL-адрес «родительского» фрейма?] (Http://stackoverflow.com/questions/4361479/how-do-i-change-the-url-of-the-parent- frame) – Ben

ответ

28

Изменить Ваша ссылка из этого:

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

Для этого:

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

Если вы хотите, вы можете просто поставить onclick обработчик на изображении вместо этого и избавиться от якоря.

Обратите внимание, что это неправильное место для работы с javascript (обработчики должны быть привязаны к файлу .js, а не к разметке), но я чувствую, что вы ищете хирургический ответ и не заботитесь о многом лучшие практики.

изменить: как указал Виктор Николле, это приведет к исключению безопасности, если ваша страница iframe и parent не обменивается доменами. см http://en.wikipedia.org/wiki/Same_origin_policy

+6

Это. Также имейте в виду, что кадр и страница, содержащая фрейм, должны поступать из одного домена, чтобы это работало. –

50

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

«_top»

нагрузки содержание в фрейме верхнего уровня (в сущности, весь браузер окно), независимо от того, сколько уровней вложенности вниз текущий кадр не является расположен

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

, в то время как вопрос был для JS, это намного проще для моих текущих потребностей. –

+2

может даже использовать target = "_ parent" – niravpatel9898

+0

Что делать, если я удалил этот ответ? – biziclop

Смежные вопросы