Как вставлять хэш ссылки в хэш айфрейма?

Question

[partyzanx]

Я сделал iframe внутри страницы сайта wikihsk.com/publ/chinese-grammar/hsk-2-pre-interme...
iframe ведёт на .html файл wikihsk.com/new_2.html

<iframe name="iframe1" style="width:100%;" allowtransparency="true" onload="frameHeight(this)" frameborder="0" id="iframe" src="$OTHER5$">
 Ваш браузер не поддерживает встроенные фреймы! Установите другой браузер.
 </iframe>

Внутри этого файла есть тег с id #Structure5 http://wikihsk.com/new_2.html#Structure5

<span class="mw-headline" id="Structure5">В сложных конструкциях</span>

Мне нужно, чтобы когда в браузере пользователь вставлял/переходил по ссылке с хэшэм wikihsk.com/publ/chinese-grammar/hsk-2-pre-intermediate/test_title_2/4-1-0-2#structure5 ява-скрипт открывал
id structure5 внутри айфрейма страницы.

Есть такой скрипт, я его помещаю внизу перед </body>, но он не работает.
Помогите его исправить, пожалуйста!

<script type="text/javascript">
if( hash = window.location.hash.replace("#","") ) {
 document.getElementsByTagName('iframe1')[0].src = "/new_2.html#" + hash;
}
</script>

Comments

[Павел Корнилов]

document.getElementsByTagName('iframe1')[0].src
Нет таких тегов. Этот код должен в консоли ошибку выдавать.
А в целом задачу так и не смог понять.

[partyzanx]

KorniloFF, внутри страницы есть айфрейм, внутри айфрема есть якоря.
Нужно сделать так, чтобы в браузере если у ссылки есть якорь #example, то она меняет у айфрейма src="первоначальная ссылка + #example"

[Павел Корнилов]

Тогда в принципе не верная конструкция.
Как обрабатывается клик по ссылке? Обработчик на каждую? Делегирование?
А вот внутри обработчика уже и надо менять src айфрейма.
Но все это не отменяет предыдущего замечания.

[partyzanx]

KorniloFF, там не клик по ссылке, а в url браузера вставляешь ссылку с хэшом, и хэш подставляется в src iframe’а

[partyzanx]

KorniloFF, ну вот попробуйте на этой странице организовать переход wikihsk.com/publ/chinese-grammar/hsk-2-pre-interme... на якорь #Structure5

[Павел Корнилов]

partyzanx, ах, вы про это...
Поиск внутри DOM айфрейма с другого домена - не возможен.

[partyzanx]

KorniloFF, домен один)

[Павел Корнилов]

Да, уже заметил. Так, тогда зачем вам айфрейм?
Сделайте обычные фреймы, меню - в один, контент - в другой. А в ссылках указывайте target.
<a href="#Structure5" target="iframe">ТЫЦ</a>

[partyzanx]

KorniloFF, у меня просто база данных большая, нужно разом заменять материал)
фреймы не удобно в юкозе)
Вы мне отправили хтмл, спасибо, но мне нужно чтобы обычная url ссылка открывала на #strcuture5
для этого нужна реализация ява-скрипта)

[Павел Корнилов]

Фреймы - это удобно. И не требует никаких костылей. Да, это устаревший морально принцип верстки, но вполне рабочий.
На Юкозе тоже работать будет, просто нужно прямо в шаблон вставить разбивку на фреймы. Короче, вот вам рабочий пример, а там уже смотрите...

[partyzanx]

KorniloFF, спасибо, а там разница то большая с iframe? )

Answer 1

[Stalker_RED]

Для этого не нужны скрипты, просто меняйте src
https://jsfiddle.net/csLsu6qr/1/show/light/

Comments

[partyzanx]

Попробуйте, пожалуйста, реализовать ссылку с этой страницей
wikihsk.com/publ/chinese-grammar/hsk-2-pre-interme... на якорь #Structure5

[partyzanx]

на якорь #Structure5

[Stalker_RED]

partyzanx, попробовал

[Stalker_RED]

partyzanx, еще разок: вам не нужны для этого никакие скрипты внутри iframe, нужно только src выставить правильный.

[partyzanx]

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

[Stalker_RED]

partyzanx, поймите, пожалуйста, как работают якоря.
Не нужны для этого никакие скрипты внутри iframe, это уже встроено в браузер. Нужно только src с якорем указать.

[partyzanx]

Stalker_RED, для этого нужен скрипт, который будет заимствовать хэш (якорь) из url бразуера и вставлять в src iframe по схеме "изначальная ссылка айфрема + хэш (якорь)"

[Stalker_RED]

partyzanx,
Как-то так

if (location.hash) {
  iframe.src = iframe.src.replace(/#.+/, location.hash)
}

[partyzanx]

Stalker_RED, этот скрипт будет прибавлять к уже имеющейся ссылке хэш? "/new_2.html#" + hash

[Stalker_RED]

partyzanx, это не тянет на скрипт. Тут одна операция - конкатенация строки с какой-то переменной.

[partyzanx]

Stalker_RED, я нуб в программировании. Спасибо за помощь.