okay, først må du ha menyene, disse er bare vanlig html, og kan styles og posisjoneres med css osv. og lages med <FORM> og <SELECT>, noe slikt:
HTML:
<FORM>
<DIV>
<SELECT>
<OPTION SELECTED>rød
<OPTION>blå
<OPTION>grønn
</SELECT>
</DIV>
</FORM>
En slik meny kan styres med alt mulig rart, og det er mulig å sette opp valgene i php, RoR, JS og cgi blant annet.
For å bruke et CGI script kan man gjøre noe slikt:
HTML:
<FORM ACTION="http://www.minside.no/cgi-bin/mittscript.cgi"
METHOD="post">
<DIV>
<SELECT NAME="sendvidere">
<OPTION SELECTED VALUE="http://www.minside.no/rode.html">Røde
<OPTION VALUE="http://www.minside.no/blaa.html">Blå
<OPTION VALUE="http://www.minside.no/gronn.html">Grønn
</SELECT>
<INPUT TYPE="SUBMIT" VALUE="Go!">
</DIV>
</FORM>
Dersom du ønsker å endre noe dynamisk på siden ved å bruke javascript trenger du en funksjon som kan bindes til menyen og som for eksempel benytter jQuery.html() for å bytte ut tekst og priser når noe i menyen endres, eller med andre ord på OnChange hendelser i menyen.
Det blir litt vanskelig å skrive noe når man ikke vet hvordan dette skal se ut, men det enkleste er å ha en inline funksjon i .html dokumentet, selv om vi ikke liker inline javascript, og kjøre denne funksjonene direkte i menyen ved OnChange, noe slikt:
HTML:
<FORM NAME="meny">
<DIV>
<SELECT NAME="sendvidere" onChange="$("#mindiv").html("bytt ut noe tekst");">
option values osv kommer her igjen, gidder ikke å skrive det på nytt !
</SELECT>
<DIV>
</FORM>
Dette har massevis av problemer, og validerer sikkert ikke heller, det vil si ingen av eksemplene her virker ut av boksen, de er kun for å illustrere hvordan det kan gjøres.
Det beste ville nok være å bruke navnet på <FORM> for å styre menyvalgene fra et eksternt script eller noe slikt, men igjen så må dette legges opp slik at det passer inn der det skal.
Grunnen til at jeg har nevnt RoR noen ganger er fordi Ruby har noen innebyggede funksjoner som kan brukes til å styre slikt som dette forholdsvis enkelt, men jeg kan ikke nok Ruby enda til at jeg kan sette opp noe som virker, jeg har bare fått med meg at det ligger noen funksjoner innebygget for overvåking av <FORM> elementet, og enkle muligheter for styring av nettopp slike menyer.
