Переход по выбору

     Для создания такого переключателя следует в 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>
color>
   Эта форма помещается в основную часть HTML файла, между командами <BODY> и </BODY>.
   При нажатии кнопки мы вызываем функцию JavaScript choseUrl.
Эта функция помещается в заглавии HTML файла:

<script language="JavaScript">
function choseUrl()
{
   var selIx = document.f0.selObj1.selectedIndex;
   if (selIx == 1) location.href='s002.html'
   if (selIx == 2) location.href='s003.html'
   if (selIx == 3) location.href='s004.html'
   if (selIx == 4) location.href='s004a.html'
   if (selIx == 5) location.href='s005.html'
   if (selIx == 6) location.href='s006.html'
   if (selIx == 7) location.href='s007.html'
   if (selIx == 8) location.href='s008.html'
   if (selIx == 9) location.href='s009.html'
   if (selIx == 10) location.href='s010.html'
}
</script>

color>    Здесь переменная document.f0.selObj1.selectedIndex служит для извлечения из обьекта f0 номера выбранной строки. В зависимости от номера строки формируется адрес для немедленного перехода.


[ Предыдущий раздел ] [ Оглавление ] [ Следующий раздел ]


 

 
Hosted by uCoz