Пятница, 27.12.2024, 20:55
Приветствую Вас Гость

Меню сайта
Web-программирование
Категории раздела
Наш опрос
Какой браузер Вы используете?
Всего ответов: 1423
Статистика

Анализ веб сайтов
Главная » Статьи » Статьи o JavaScript

Mеню: просто и удобно
Я думаю, многие разработчики сталкивались с ситуацией, когда меню или список должны повторяться в нескольких местах, но при этом необходимо обеспечить их удобное обновление и расширение. Решать проблему в лоб - непосредственно кодом html - не очень удобно, особенно при количестве повторений больше 5, покольку при добалении/изменении придется вручную править в 5 и более местах. С помощью JavaScript можно решить задачу следующим образом.

Выносим меню в отдельный файл:

1 with(document) {
2write('<ul id="javascriptmenu">');
3write('<li><a href="javascriptmenu.htm">меню просто и удобно</a></li>');
4write('<li><a href="javascripttree.htm">tree (дерево)</a></li>');
5write('<li><a href="javascriptdd.htm">drag&drop</a></li>');
6write('<li><a href="javascriptrsz.htm">изменение размера блока</a></li>');
7write('</ul>');
8}
При достаточно объемном списке с одинаковым оформлением элементов можно попробовать еще сильнее упростить задачу:

1 var items1 = {"basic.html" : "Основы", "forex.html" : "Forex",
2"pif.html" : "ПИФы", "bank.html" : "Банки"};
3 for (var key in items1)
4 document.write("<a href="+key+">"+items1[key]+"</a><br>");
Теперь добавление/удаление нового элемента сводится к редактированию даже не строки, а двух фраз. На любой странице, где необходимо меню, можно написать:

1<script type="text/javascript" src="menu.js"></script>
проблемы:

если хотите, чтобы меню участвовало в индексации, придется на одной из страниц, лучше на главной, оставить html код, ибо поисковые роботы исполнять JavaScript пока не умеют;
Категория: Статьи o JavaScript | Добавил: Rammstein (22.11.2010)
Просмотров: 654 | Комментарии: 1 | Рейтинг: 0.0/0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Реклама
Поиск
Друзья сайта
Топ100- Веб-дизайн free counters