HTML Tip č. 17: Navigační menu
Jistě jste si na mnoha českých i zahraničních serverech všimli navigačního menu, v němž si například vyberete název rubriky a po stisknutí tlačítka jste přesměrováni na patřičnou stránku. Chcete-li své stránky vybavit právě touto vymožeností, máme pro vás malý tip, jak to provést:
Mezi tagy HEAD umístíme následující kód:
<script language="JavaScript">
function navigace(vyber) {cesta=(document.vyber.volby.options[document.vyber.volby.selectedIndex].value);{location.href=cesta;}}
</script>
Na místo, kam chcete vložit navigační menu pak vložíte například toto:
<FORM NAME="vyber">
<SELECT NAME="volby">
<OPTION VALUE="">Vyberte si rubriku</OPTION>
<OPTION VALUE="aktuality.htm">Aktuality</OPTION>
<OPTION VALUE="software.htm"Software</OPTION>
<OPTION VALUE="tipytrik.htm">Tipy a triky</OPTION>
<OPTION VALUE="download.htm">Download</OPTION>
<OPTION VALUE="odkazy.htm">Zajímavé odkazy</OPTION>
<OPTION VALUE="pcsmile.htm">PC :-) </OPTION>
<OPTION VALUE="nefunguj.htm">Nefunguje...!</OPTION>
<OPTION VALUE="hledani.htm">Vyhledávače</OPTION>
</SELECT>
<INPUT TYPE="button" NAME="tlacitko" Value="OK" onClick="navigace(this.form)">
</FORM>
Adresy stránek vepisuje do atributu value, text, který se uživateli zobrazí pak mezi uvozovací a uzavírací tag OPTION.
|
