Как связать другой дочерний html в одном родительском html со вторым дочерним html? - PullRequest
Новая
       30

Как связать другой дочерний html в одном родительском html со вторым дочерним html?

0 голосов
/ 06 января 2012

Во-первых, я новичок в программировании веб-страниц и, похоже, не нашел аналогичного вопроса, чтобы разрешить ситуацию, которую пытаюсь выяснить. Может быть, я не использовал правильную терминологию ...

У меня есть родительский html-файл (House.html), в котором отображаются, по существу, два iframe ("room" и "info"), см. Ниже. 

House.html<br>
-iframe "room"<br>
-iframe "info"

iframe "room"<br>
-Room.html<br>
-->link "link_A"<br>
-->link "link_B"<br>

iframe "info"<br>
-A.html (some text)<br>
-B.html (some text)<br>

В рамках "комнаты" iframe я загружаю Room.html, где содержится несколько ссылок (link_A и link_B). Нажатие на ссылку (link_A) должно изменить iframe «info», чтобы показать A.html. Опять же, нажатие на link_B должно изменить iframe «info» для отображения B.html. Все HTML-страницы находятся в одном домене.

Я понимаю, как связать дочерний элемент с родителем, но я пытаюсь выяснить, как отображать различные html-страницы в конкретном iframe внутри родительской html-страницы с третьей html-страницы.

Может кто-нибудь указать мне на ответ? Нужно ли использовать функцию if () в House.html и целевое значение из link_A или link_B?

Ответы [ 2 ]

0 голосов
/ 06 января 2012

Вы можете использовать JavaScript для изменения атрибута src второго iframe. Вы можете сделать это с помощью jQuery - например, поместите этот код в iframe1 (не проверено). 

$('a').click( function() { 
  $('#iframe2', window.top.document).attr('src', 'new-src.html'); 
});

Обратите внимание, что родительская страница и фреймы должны исходить из одного домена и субдомена (из-за единой политики происхождения). Если это не так, вам, вероятно, потребуется перезагрузить всю страницу, поместив target="_top" в ссылку внутри iframe и изменив src на стороне сервера.

0 голосов
/ 06 января 2012

С http://webdesign.about.com/od/iframes/qt/target-links-iframes-and-frames.htm

Когда вы создаете документ внутри IFRAME, все ссылки в этом фрейме автоматически открываются в этом же фрейме.Но с помощью атрибута target в ссылке (элемент A или элемент AREA) вы можете решить, где должны открываться ваши ссылки.Вы можете присвоить своим фреймам уникальное имя с атрибутом id, а затем указать ссылки на этот фрейм с идентификатором в качестве значения целевого атрибута.

Для вашего конкретного примера это будет выглядетьчто-то вроде: 

<a href="A.html" target="info">Page A</a>
<a href="B.html" target="info">Page B</a>
...