ZaRohem.cz Pražské metro Test osobnosti CowParade 2004 Praha MHD v ČR
Blog ZaRohem 1.PCRevue.cz Vinárna Na roli (Petřvald) Restaurace Třebovická role kapela Terra Ignota

Reklama
Hlavní stránka
Aktuality
Software
Internet
Hardware
Seriály
Viry
Tipy a triky
Download
Konference
Napište nám
Reklama
Doporučujeme užitečný crm systém od CÍGLER SOFTWARE!
Reklama
Tip na výkonný Macbook Pro 2017. Pořiďte si rychlý notebook s dlouhou výdrží.
neuvedeno - Tipy a triky

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.

Reklama
 
 
Aktuální články:
Reklama
Program eWay-CRM je praktické CRM řešení integrované přímo do Microsoft Outlooku.
 
 
Reklama
 
© 1.PC Revue.cz - všechna práva vyhrazena
ISSN: 1213-080X
© Karel Kilián ml.
Zásady ochrany osobních údajů
Reklama