Навигационное меню. |
|
Ниспадающее меню — это очень компактный вариант навигационной системы вашего сайта. Тем не менее, разные броузеры по-разному отображают формы, поэтому неожиданные изменения их размеров могут нарушить Вашу чудесную компоновку страницы. Выбор элемента меню-списка сразу активирует ссылку (надписи выделенные зеленым необходимо откорректировать).
|
Код. |
|
<form>
<select size=2
name="menu1" onchange="self.location.href=this.form.menu1.options[this.form.menu1.selectedIndex].value;">
<option selected value="none">Меню
<option value="index1.htm">Текст
<option value="index2.htm">Текст 1
</select>
</form>
|
Результат. |
|
|
|
Данный скрипт дает возможность запускать URL из списка (надписи выделенные зеленым необходимо откорректировать).
|
Код. |
|
<script language="JavaScript">
<!--
function go(){
if (document.selecter.select1.options[document.selecter.select1.selectedIndex].value != "none") {
location = document.selecter.select1.options[document.selecter.select1.selectedIndex].value
}
}
//-->
</script><script language="JavaScript">
<!--
document.write('<form name="selecter"><select name="select1" size=1>');
document.write('<option value=none>Меню');
document.write('<option value="index.htm">Текст');
document.write('<option value="index1.htm">Текст 1');
document.write('<option value="index2.htm">Текст 2');
document.write('<option value=none>........');
document.write('</select>');
document.write('<INPUT TYPE="button" VALUE="Пуск" onclick="go()">');
document.write('</form>');
//-->
</script>
|
Результат. |
|
|