NavigaΦnφ rozbalovacφ pole formulß°e

 Jednφm z nejrozÜφ°en∞jÜφch prvk∙ formulß°∙ je rozbalovacφ menu. S vyu₧itφm JavaScriptu m∙₧eme dφky rozbalovacφmu menu skoΦit rovnou na urΦitou strßnku uvnit° webovΘ prezentace nebo na kotvu v tΘ samΘ strßnce. Tuto techniku pou₧ijete k:
Vytvo°enφ mo₧nosti v²b∞ru z nabφdky.
Poskytnete nßvÜt∞vnφk∙m oblφben² nßstroj v²b∞ru.
Poskytnutφ alternativy ke grafickΘ navigaci.
Bez pomoci obrßzk∙ nebo rolover∙ m∙₧ete velice snadno vytvo°it pou₧itelnou alternativu k tradiΦnφm formßm navigace.
SnadnΘmu vylepÜenφ navigace strßnky.
P°idejte ke grafickΘ navigaci aletrnativu rozbalovacφho menu pro ty, kta°φ up°ednost≥ujφ rychlß °eÜenφ.

Definujeme funkci

V hlaviΦce souboru definujeme funkci, kterß provede zm∞nu strßnky nebo p°echod na kotvu v tΘ₧e strßnce:

< SCRIPT Language="JavaScript">
function JdiNaStranku(stranka)
{
if (stranka!=""){self.location=stranka}
}
< SCRIPT>

V t∞le strßnky definujeme rozbalovacφ menu

s pou₧itφm funkce JdiNaStranku:

< FORM>
< SELECT NAME="url" 
OnChange="JdiNaStranku(this.options[this.selectedIndex].value)">
< OPTION value="#kotva1">JmΘno 1. kotvy
< OPTION value="#kotva2">JmΘno 2. kotvy
< OPTION value="#kotva3">JmΘno 3. kotvy
< OPTION value="strana1.htm">URL 1. strßnky
< OPTION value="strana2.htm">URL 2. strßnky
< OPTION value="strana3.htm">URL 3. strßnky
< /SELECT>
< /FORM>

ZaΦßtek