Ovako:
Ovo između
<head> i
</head> stavi:
Code:
<script type="text/javascript">
var tekst
function url(tekst)
{
window.location = tekst
}
</script>
Pojašnjenje koda:
Ovo je jednostavan Javascript kod. To je funkcija koju ćemo pozvati ako neko odabere nešto iz menua.
Evo sličnog tutorijala o funkcijama u javascriptu samo što ovdje koristimo parametar
tekst.
http://www.tutorijali.net/javascript/funkcije
Najprije smo deklarirali varijablu i stavili je unutar zagrada funkcije
url. U tu zagradu će se ispisati ono što u html kodu stavimo kao parametar. Pogledaj dolje.
A ovo između
<body> i
</body>:
Code:
<form>
<select>
<option selected="selected"> Izaberite link </option>
<option onclick="url('http://www.google.com')">Google</option>
<option onclick="url('http://www.tutorijali.net')">Tutorijali</option>
</select>
</form>
Pojašnjenje koda
Jednostavni dropdown menu sa <select> i njegovim optionima.
Pogledaj, ovo je najbitni dio:
o
nclick="url('http://www.google.com')"
Imamo onclick što znači, logično, kad netko klikne na to, poziva se javascript funkcija
url koju smo gore definirali i parametar tog url-a je googleova adresa. Znači što je unutar zagrade i navodnika to se ispisuje u javascript varijablu tekst i onda unutar funkcije ovaj kod
window.location = tekst
prebacuje prozor na varijablu tekst (što će u našem slučaju biti
http://www.google.com)
Eto, nadam se da je sve jasno.