JavaScript – Navigaciona meni lista

Umnogome moลพete olakลกati posetiocima navigaciju na vaลกem sajtu uz pomoฤ‡ padajuฤ‡e meni liste (pulldown list). Njih moลพete ฤesto videti na gotovo svim Internet lokacijama, tako da moลพemo toplo preporuฤiti ovaj naฤin za navigaciju. Samim skriptom kreiramo jednu meni listu (ili viลกe) i kada se se izabere odgovarajuฤ‡a stavka iz liste, vrลกi se klik na dugme pored liste. Kada je posetilac kliknuo dugme, link ga vodi na odgovarajuฤ‡u lokaciju.
Predstaviฤ‡emo vam malu funkciju koju ฤ‡ete umetnuti unutar stranice, a koja vrลกi premeลกtanje na odreฤ‘enu lokaciju u odnosu na to koja opcija je odabrana (iz grupe opcija):

<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function navigacija(form){
var URL = document.form.lokacija.options[
document.form.lokacija.selectedIndex].value;
window.location.href = URL;
}
//-->
</SCRIPT>
</HEAD>

Kao ลกto vidimo objektu „window“ prosleฤ‘ujemo adresu „URL“, koju dobijamo iz vrednosti jedne od niza opcija. Opcije smeลกtamo unutar klasiฤnog formulara, koji moลพe imati sledeฤ‡i sadrลพaj:

<FORM name="form">
<SELECT name="lokacija" size=1>
<option value="">Izaberi link....
<option value="https://www.krstarica.com">Internet Krstarica
<option value="http://www.yahoo.com">Yahoo
<option value="http://www.altavista.com">Altavista
<option value="http://www.webcrawler.com">Webcrawler
<option value="http://www.lycos.com">Lycos
</SELECT>
<INPUT type=button value="Kreni!" onClick="javascript:navigacija(this)">
</FORM>

Pratite Krstaricu na www.krstarica.com