Feur_GOR Опубликовано 27 ноября, 2005 Жалоба Поделиться Опубликовано 27 ноября, 2005 <form action='555.htm' method='GET' name='jumpmenu' style="position:absolute; right:10px; top:350px"><select name='show' onChange="document.jumpmenu.submit()" class='forminput'><option value="555">1</option><option value="prod">2</option><option value="about">3</option></select><input type='submit' value=' > ' class='forminput'></form> Вот спёр откуда-то формочку, но как пользоваться ещё не разобрался! Для 1 я установил ссылку, а вот как установить ссылку для 2и3 никак не въеду, может кто подскажет?? Ссылка на комментарий Поделиться на другие сайты Поделиться
verba Опубликовано 27 ноября, 2005 Жалоба Поделиться Опубликовано 27 ноября, 2005 action - Указывает адрес, по которому выполняется обработка формы method - Способ пересылки формы на серве. Возможны два значения - GET и POST name - Имя формы для доступа к ее элементам из скриптовых языков Тег <select> создает список или выпадающий список. Каждый элемент списка описывается тегом Option Атрибуты size - Число отображаемых элементов. Если равно 1 или не указано, то выводится одна строчка. Если значение больше 1, то выводится список с прокруткой Пример подобия pull-down меню для навигации по сайту Вот код: <SELECT NAME="navSelect" ONCHANGE="top.location.href = this.options[this.selectedIndex].value"> <OPTION>Выбор раздела</OPTION> <OPTION VALUE="1.html">1 страница</OPTION> <OPTION VALUE="2.html">2 страница</OPTION> <OPTION VALUE="3.html">3 страница</OPTION> <OPTION VALUE="4.html">4 страница</OPTION> <OPTION VALUE="5.html">5 страница</OPTION> </SELECT> Основную работу выполняет обработчик события ONCHANGE. top ссылается на окно браузера, активное в данный момент. top.location.href - URL документа, отображаемого этим окном. Одним из свойств объекта SELECT является коллекция options, которая содержит параметры элементов выбора. Например navSelect.option[1].value содержит значение "index.html". Свойство элемента SELECT selectedIndex - номер выбранного пункта. Элемент this внутри элемента ссылается именно на этот элемент. Вместо него можно было использовать (в Internet Explorer) ссылку document.all.navSelect, но this гораздо короче и работает в обоих браузерах. Я советую вам всегда использовать элемент this, когда это возможно. Приведем еще один пример, когда пользователь сначала выбирает пункт из списка и потом щелкает на кнопке Вот код: <FORM> SELECT NAME="navSelect"<> <OPTION>Выбор раздела</OPTION> <OPTION VALUE="1.html">1 страница</OPTION> <OPTION VALUE="2.html">2 страница</OPTION> <OPTION VALUE="3.html">3 страница</OPTION> </SELECT><BR> <INPUT TYPE=BUTTON NAME="go" VALUE="Go!" ONCLICK="top.location.href = this.form.navSelect.options[this.form.navSelect.selectedIndex].value"> </FORM> Здесь необходимо пояснить, что каждый элемент формы имеет свойство form, которое содержит ссылку на его родительскую форму. Таким образом можно сослаться на любой элемент формы из любого другого элемента, чем мы здесь и воспользовались: this.form.navSelect ссылается именно на элемент выбора. это все цитаты из одного справочника по веб-дизайну Надеюсь, что помог. Удачи Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Для публикации сообщений создайте учётную запись или авторизуйтесь
Вы должны быть пользователем, чтобы оставить комментарий
Создать учетную запись
Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!
Регистрация нового пользователяВойти
Уже есть аккаунт? Войти в систему.
Войти