Вёрстка « Iframe реализация меню

Как-то не доводилось работать с фреймами, не знаю как реализовать 2 блока.
Один - меню , другой - контент.
На подобии того что сделано в phpmyadmin. Чтобы менялся url и содержимое меню было постоянным, то есть если открылось другое окно в контенте, меню осталось прежним.
так понимаю что без js это не реализовать)

Подскажите как это реализовать?

1 ответов


Так все просто в



<a href="my_second_page.html" target="content_container">My menu item for content container</a>
<iframe src="my_first_page.html" name="content_container" />
 

я бы влепил Вам минус просто за использования iframe, но Бог Вам судья ...
лучше подумайте хотя бы о простейшей функции load в jquery для начала
ну а когда больше будете разбираться, то можно уже и ajax + json юзать для динамической подгрузки страниц

пример реализации load:


<div id="menu">
       <a href="page1.html">link 1</a>
       <a href="page2.html">link 2</a>
       <a href="page3.html">link 3</a>
       <a href="page4.php?somevar=someval">link 4</a>
</div>
<div id="content"></div>
 

$(document).ready(function(){
       $("div#menu > a").click(function(){
              $("div#content").load($(this).attr("href"));
       });
});
 

Я в шоке. У всех jQuery/AJAX головного мозга?
Про элементы frame и frameset уже забыли?


Есть альтернатива iframe - AJAX...
Поизучайте на досуге JQuery, с ним всё легко и просто + можно делать более гибкие сайтики :)