Создаем
систему быстрой навигации
Если объем разрабатываемого
вами сайта достаточно велик, к тому же он имеет сложную логическую структуру,
а количество составляющих его документов и разделов превышает возможности
человеческой памяти или фантазии, пользователю не всегда представляется
удобным использовать для путешествия по такому ресурсу стандартные средства
навигации, выполненные в виде кнопок или текстовых ссылок. Для того
чтобы облегчить посетителям задачу поиска среди обилия опубликованных
вами документов того, который им нужен, опытные web-дизайнеры дублируют
традиционные кнопки, направляющие пользователя к основным разделам ресурса,
системой быстрой навигации, представляющей собой выпадающее меню. Выбор
одного из пунктов этого меню переводит посетителя на соответствующую
web-страницу. Такое меню можно создать с применением стандартных средств
JavaScript.
Общий вид кода формы
меню, выполняющего функции системы быстрой навигации, таков:
<FORM>
<SELECT NAME="forml"
SIZE="1"
onchange="top.
location. href=this.options[this.selectedindex].value; this.selectedindex=0">
<OPTION SЕLЕСТЕD>Перейти
в следующий раздел сайта:</OPTION>
<OPTION VALUE="URL
первой странички">Страница 1</OPTION>
<OPTION VALUE="URL
второй странички">Страница 2</OPTION>
<OPTION VALUE="URL
N-й странички">Страница N</OPTION>
</SELECT>
</FORM>
В качестве значения
атрибута value тега OPTION следует указать полный либо сокращенный адрес
URL, по которому находится страничка, определяемая каждым пунктом меню.
Между тегами <OPTION> и </OPTION> записывается название
данной странички. Внешний вид отображенной в окне броузера формы быстрой
навигации по сайту показан на рис. 9.11.
Рис. 9.11. Форма
быстрой навигации по сайту
Если вы хотите, чтобы
документ, открываемый при выборе какого-либо пункта навигационного меню,
загружался в новом окне, вторую строку предложенного выше кода необходимо
заменить следующей:
<SELECT NAME="form1"
SIZE="1" onchange="window.open(this.options[this.selectedlndex].value):
this.selectedindex=0">
