Как вызвать страницу в iframe при нажатии гиперссылки?

Question

У меня есть левая панель с 5 элементами в виде гиперссылки. Когда я нажимаю на гиперссылку, я хочу отобразить соответствующее описание элемента в правой части. Я разрабатываю веб-сайт с помощью html. По умолчанию будет некоторое описание. когда я нажимаю на item1, я хочу отобразить детали item1 и нажать на item2, я хочу отобразить детали item2.

Как это сделать? Могу ли я отображать страницу в iframe или что-то еще? Какова наилучшая практика?

Answer 1

Если вы хотите использовать IFrame, то вы можете сделать это, и просто установить цель гиперссылки будут именем плавающего фрейма.

Однако iFrames считается плохой практикой. Что было бы лучше, это использовать JQuery и использовать команду load.

Например, если правая панель имеет идентификатор right-pane:

<a href="showItem('item1-details.html')">item 1</a> 

function showItem(url) { 
    $('#right-pane').load(url); 
} 

Answer 2

Вы используете целевой атрибут. :)

http://www.w3schools.com/HTML/html_frames.asp