Как переходить по ссылке, используемой в iframe на другом сайте?

Question

[leracoder]

Разработали небольшой 1-страничный простенький сайт("модуль") на HTML, CSS, JS. Без PHP и базы данных. Содержит в себе ссылки на другие ресурсы.
Заказчики планируют подключать в системе этот модуль через iframe.

Вставили тег iframe в системе:
style="
width:100%;
margin: 0 auto;
height: 100vh;">


Сам модуль подгрузился хорошо, работает. Но как только нажимаем на кнопки которые ведут на другие источники выходит ошибка.

Способы решения:
1) пробовали использовать атрибут sandbox="allow-top-navigation" - написано что "Позволяет открывать ссылки фрейма в родительском документе",
Результат: при использовании этого атрибута вообще все слетает...
2) пробовали использовать атрибут seamless, написано что "ссылки во фрейме открываются не внутри фрейма, а в текущем документе;"
Результат: ничего, так же блокирует....

Пожалуйста, подскажите какие еще способы решения существуют ? Или мы не правильно применяем iframe и его атрибуты ?

Comments

[Довольный Айтишникъ]

Но как только нажимаем на кнопки которые ведут на другие источники выходит ошибка.

И? Что за ошибка?

[leracoder]

Довольный Жизнью, "что сайт на который пытается перейти не позволяет установить соединение"

Answer 1

[Александр]

Я так понимаю, в основном окне браузера имеется <iframe src="..."></iframe>, причем, при нажатии ссылок внутри него, они должны открываться «снаружи» (в основном окне браузера). Если так, то необходимо ссылкам добавить target="_top" или target="_parent".

Comments

[leracoder]

Спасибо. Этот вариант подошел!

А возможно ли сделать открытие ссылки в текущем iframe без перехода на новую страницу ?
Делали как в документации:

1) в iframe написали имя name="calculator-iframe"
"iframe src="https://..calculator.html" name="calculator-iframe">

2) в файле calculator.html у ссылки на другой ресурс написали атрибут target="calculator-iframe"


В результате снова выходит ошибка "что сайт на который пытается перейти не позволяет установить соединение".
Почему так происходит ? Не правильно используем атрибуты ?

[Александр]

name в iframe необходим для того, чтобы из родительского окна переключать страницы в нем. То есть, если есть

<a href="dir/file-2.html" target="my-iframe">Link</a>
<iframe src="dir/file-1.html" name="my-iframe"></iframe>

, то при помощи ссылки будет обновляться только содержимое iframe. Причем, если в iframe необходимо сделать навигацию, нужно будет использовать относительные пути по отношению к файлу, отображаемому в iframe. У ссылок внутри iframe уже не нужен параметр target (Еще есть target="_self", но ссылки будут работать точно так же).

[leracoder]

Seasle, поняла, большое спасибо!