Вы наверняка встречали компактные меню навигации, построенные на основе выпадающего списка? Вот код скрипта, позволяющего сделать такую навигацию. Этот код предназначен для создания компактного меню. Все ссылки оформляются в виде элементов выпадающего меню, при нажатии на кнопку происходит переход на соответствующую страницу.
Code
<form name="f1">
<select name="Map" onChange="{
for (var i=0; i < this.length; i++) {
if (this.options[i].selected) {
if (i!=0) {
top.window.location=this.options[i].value;
break;
}
}
}
}
">
<option selected value="#">Быстрый переход к разделам:
<option value="main.html">Газета
<option value="stat.html">Статистика
<option value="price.html">Цены
<option value="repr.html">Наши представители
<option value="reclam.html">Примеры рекламы
<option value="order.html">Бюро заказов
</select></select></form>
А если у вас используются фреймы, то достаточно будет изменить одну строчку: top.window.location=this.options[i].value;
на top.window.frames[имя фрейма в кавычках или его номер].location=this.options[i].value;
Не забудьте, что нумерация фреймов в JavaScript начинается с 0!
Добавить материал
