Открыть ссылку в фрейме

Открыть ссылку в фрейме

Сделано описание как открыть одну или несколько ссылок в фрейме, ссылки переключают iframe на отображение разных адресов страниц, показано демо практического использования.

Использование ссылок для подключения в фрейме

Ссылки в неограниченном количестве, как и сам фрейм <iframe> должны иметь одинаковое имя в атрибуте target="ИМЯ" для ссылок, и name="ИМЯ" для фрейма, при загрузке пустого фрейма используйте его без атрибута src="АДРЕС".

<a href="http://atmpl.ru/publ" target="moyiframe">Адаптивный дизайн</a>
<a href="http://atmpl.ru/load" target="moyiframe">Адаптивные шаблоны</a>
<iframe name="moyiframe"></iframe>

Если требуется загружать <iframe> с адресом страницы, добавьте атрибут src="АДРЕС".

<a href="http://atmpl.ru/publ" target="moyiframe">Адаптивный дизайн</a>
<a href="http://atmpl.ru/load" target="moyiframe">Адаптивные шаблоны</a>
<iframe src="http://atmpl.ru" name="moyiframe"></iframe>

Демо пример применения ссылок для фрейма


<style>
[name="moyiframe"]{
width:100%;
height:480px;
margin-top:21px;
}
</style>
<div class="btn-group">
<a href="http://atmpl.ru/publ" class="btn btn-default" target="moyiframe">Адаптивный дизайн</a>
<a href="http://atmpl.ru/test/html/html-test.html" class="btn btn-default" target="moyiframe">Тест HTML кода</a>
<a href="http://atmpl.ru/load" class="btn btn-default" target="moyiframe">Адаптивные шаблоны</a>
</div>
<iframe src="http://atmpl.ru/" name="moyiframe" frameborder="0"></iframe>

Подобный способ загрузки одного фрейма несколькими ссылками актуален только в пределах домена сайта, вид, размеры ссылок и фрейма будут зависеть от Ваших настроек.


Рейтинг: 5.0/5 из 6



Добавлено Автор Ник Источник Просмотров Комментариев Теги
27-02-2015 Михаил Меренков aTmpl © 1395 0 фрейм ссылкой, запуск фрейма ссылкой