|
Ну и пожалуй главная фишка этого сайта - возможность передвигать боковые меню, по аналогии с окнами в операционных системах :). На помощь опять пришел JavaScript.
|
|
|
|
В шапке страницы подключаем необходимые файлы:
|
<script type = "text/javascript" src = "drag.js"></script>
|
|
Файл drag.js содержит все функции, необходимые для передвижения. Скажу сразу - код не мой, а найден на просторах великой и могучей сети Интернет. Опишу только функции, которые появились у меня на страницах (их две, но их суть одна):
|
function run_right() {
var dragObjectsR = document.getElementById('rightcolumn').getElementsByTagName('div')
// получает все div в елементе с id = rightcolumn
for(var i=0; i<dragObjectsR.length; i++) {
// и для каждого из них вызываем функцию makeDraggable
dragMaster1.makeDraggable(dragObjectsR[i])
}
}
|
|
А сразу после обьявления нашего div#rightcolumn :
|
<script type = "text/javascript">
run_right();
</script>
|
|
Скачать файл drag.js можно тут: скачать.
|
|
|
|
Предложенный вариант работает во всех популярных браузерах (FireFox, Internet Explorer, Opera, Safari, Chrome).
|