Способы создания менюшек на языке JavaScript

Дата добавления: 03.07.2009 · Просмотров: (2866)

Хочу поделиться своей идеей которая пришла мне в голову, на счёт создания меню на языке JavaScript.

Первым что натолкнуло меня на данную идею, был сайт который состоял из множества статических html-страниц, в результате чего приходилось постоянно загружать новую информацию, создавая снова и снова новые страницы. И каждый раз я редактировал поисковое меню сайта, добавляла в него новые ссылки на новые страницы. Так как навигация происходила через прямые ссылки, то мне приходилось новое меню копировать и отдельно вставлять на каждую страницу. А это, согласитесь, очень долгая и занудная работа.

В связи с этим мне захотелось искать иной более простой и гибкий способ редактирования меню сайта. Тогда я небыл хорошим программистом и не имел навыков работы с CMS, которые позволяют создавать динамические веб-страницы, правда и менять URL-адрес каждой страницы не очень хотелось, так как они уже были проиндексированы в поисковиках.

Тогда я подумал, почему бы не сделать меню на языке web-программирования JavaScript, причем сам исходный код JavaScript будет сохранён в виде отдельного файла для того, чтоб только путем редактирования этого файла можно было изменить ссылки сразу на всех страницах сайта, куда будет вставлено меню с помощью команды: .

<script language="JavaScript" src="javascript/menu.js" type="text/javascript"></script>

При создании новой страницы, например history.html, хватает ввести лишь нужные изменения в файл java/menu.js, добавив строчку:

document.write(<a href="http://mysite.com">web-программирование</a>);

В результате чего новый пункт меню, создан!

Но как и во всём другом в меню на JavaScript есть некоторые недостатки, там
нету возможности индексации других страниц сайта поисковыми машинами. Для решения данной проблемы требуется создавать карту сайта с прямой ссылкой на нее с главной страницы сайта, а также частичная перелинковка страниц сайта. Также ещё один фактор: у юзеоа с отключенным в настройках браузера исполнением команд на языке JavaScript меню не будет отображаться.