Home
Для чайника
Уроки HTML
Уроки JAVA
Создание сайта
Место под страницу
Раскрутка
Посещаемость
Реклама и заработок
Список спонсоров
Плохие спонсоры
Гостевая книга
|
Переход по выбору
Существует способ перехода по выбору. Вы видите его снизу. Здесь используется JavaScript. Попробуйте выбрать раздел и нажмите на кнопку "Поехали".
Вернитесь с помощью кнопки браузера "BACK".
Для создания такого переключателя следует в HTML файле записать функцию на языке Javascript и форму с меню SELECT.
У меня форма выглядит следующим образом:
<FORM name="f0">
<select name="selObj1">
<
option>Куда изволите перейти?
<
option>JavaScript в примерах
<option>
Объект "ДОКУМЕНТ"
<
option>Обработка событий
<option>
Обработка событий (продолжение)
<
option>Обработка даты
<
option>Определение Web-браузера
<
option>Операции с мышкой
<option>
Создание новых окон
<
option>Бегущая строка
<
option>Переход по выбору
<
/select>
<a href="#" onclick="choseUrl()">
<img src="car1.gif" border=0></a></form>
Эта форма помещается в основную часть HTML файла, между командами BODYи /BODY
При нажатии кнопки мы вызываем функцию JavaScript choseUrl.
Эта функция помещается в заглавии HTML файла:
<script language="JavaScript">
function choseUrl() {
var selIx = document.f0.selObj1.selectedIndex;
if (selIx == 1) location.href='java11.htm'
if (selIx == 2) location.href='java12.htm'
if (selIx == 3) location.href='java13.htm'
if (selIx == 4) location.href='java14.htm'
if (selIx == 5) location.href='java15.htm'
if (selIx == 6) location.href='java16.htm'
if (selIx == 7) location.href='java17.htm'
if (selIx == 8) location.href='java18.htm'
if (selIx == 9) location.href='java19.htm'
if (selIx == 10) location.href='java20.htm'
}
</script>
Здесь переменная document.f0.selObj1.selectedIndex служит для извлечения из обьекта f0 номера выбранной строки. В зависимости от номера строки формируется адрес для немедленного перехода.
Оглавление
|