Выпадающее меню :
Выбрать тему просмотра
html - код :
01 <form name="navform"> 02 <select name="menu"onChange="self.location=document.navform.menu[document.navform.menu.selectedIndex].value;"> 03 <option value="mcode.html">Код магнитолы</option> 04 <option value="web.html">Самостоятельное создание сайта</option> 05 <option value="krim.html">Россия и Украина</option> 06 <option value="vlasty.html">Власть и народ</option> 07 <option value="opozi.html">Оппозиция в России</option> 08 <option value="free.html">Мысли в слух>/option> 09 <option value="video.html">Любимые сериалы</option> 10 </select> 11 </form> 12 <noscript>JavaScript не поддерживается</noscript>
здесь :
onChange - обработчик события, задаёт условия выбора, аналогичен onClick;
self - top, self, parent и frames принадлежат объекту window - вершины иерархии DOM (рис.8), это "встроенные" имена для окон (окно "выпадающего списка")
location - определение местоположения;
document - это - сама страничка(объект воздействия);
navform - имя формы;
menu - имя селектора ( <select>);
selectedIndex - не указываем конкретное значение (индекс) элемента списка (массива), а обращаемся ко всему списку (массиву); каждый элемент формы (дочерний) - так-же является и объектом, последним в иерархии DOM, дальше - только методы (функции)
value - значение (опции);
Кликнув по какой - либо опции (03-09) формы мы обращаемся к её значению(value). Подведём итог : используя тэг <select>, создающий (выпадающий) список, мы через обработчик событий подключаем JavaScript, который говорит web-браузеру - что нужно делать с выбраным элементом (опцией) формы.
Аналогичное меню можно создать и без тэга <form>, но тогда обращение будет другим :
html -код :
01 <select name="menu"onChange = "self.location.href = this.options[this.selectedIndex].value;"> 02 <option value="mcode.html">Код магнитолы</option> 03 <option value="web.html">Самостоятельное создание сайта</option> 04 <option value="krim.html">Россия и Украина</option> 05 <option value="vlasty.html">Власть и народ</option> 06 <option value="opozi.html">Оппозиция в России</option> 07 <option value="free.html">Мысли в слух</option> 08 <option value="video.html">Любимые сериалы</option> 09 </select> 10 <noscript>JavaScript не поддерживается</noscript>В данном случае this - это укороченый вариант document.all.menu, который IE то-же понимает, а options - это одно из свойств элемента select.
вернутся...