Начало
Навигация
Комбинированное меню - переключателей
Посылает пользователю к конкретным URL на основе комбинированного выбор из двух разных меню. Прекрасно работает для сайтов навигации на основе двух отдельных характеристик.
Chevy
Ford
Dodge
Oldsmobile
1998
1999
2000
2001
JavaScript Navigation: Комбинированное меню - переключателей
<!-- TWO STEPS TO INSTALL COMBINED MENU - RADIO BUTTONS: 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <! > <! > <!-- Begin site="http://javascripts-do.narod.ru"; function combineMenus(frm, menu1, menu2) { with (frm) { for (var i = 0; i < menufrm.menu1.length; i++) { if (menufrm.menu1[i].checked) { str = menufrm.menu1[i].value; break; } } for (var i = 0; i < menufrm.menu2.length; i++) { if (menufrm.menu2[i].checked) { str += menufrm.menu2[i].value; break; } } url = site + "/" + str + ".html"; window.location.href = url; } } // End --> </script> </HEAD> <!-- STEP TWO: Copy this code into the BODY of your HTML document --> <BODY> <FORM NAME="menufrm"> <INPUT TYPE="radio" NAME="menu1" VALUE="chevy" CHECKED>Chevy <INPUT TYPE="radio" NAME="menu1" VALUE="ford">Ford <INPUT TYPE="radio" NAME="menu1" VALUE="dodge">Dodge <INPUT TYPE="radio" NAME="menu1" VALUE="olds">Oldsmobile <P> <INPUT TYPE="radio" NAME="menu2" VALUE="1998" CHECKED>1998 <INPUT TYPE="radio" NAME="menu2" VALUE="1999">1999 <INPUT TYPE="radio" NAME="menu2" VALUE="2000">2000 <INPUT TYPE="radio" NAME="menu2" VALUE="2001">2001 <P> <INPUT TYPE="button" VALUE="Select" onClick="combineMenus(this.form, this.form.menu1, this.form.menu2)"> </FORM> <!-- Script Size: 1.95 KB -->