Titel: Dropdown menu
Sværhedsgrad: Begynder
Skrevet af: Muuus
Skrevet den: 26/06-2007 17:36:38
Krav: Ingen
Læst: 843 gange

Først skal du sætte denne kode ind:

<script> <!-- function land(ref, target) { lowtarget=target.toLowerCase(); if (lowtarget=="_self") {window.location=loc;} else {if (lowtarget=="_top") {top.location=loc;} else {if (lowtarget=="_blank") {window.open(loc);} else {if (lowtarget=="_parent") {parent.location=loc;} else {parent.frames[target].location=loc;}; }}} } function jump(menu) { ref=menu.choice.options[menu.choice.selectedIndex].value; splitc=ref.lastIndexOf("*"); target=""; if (splitc!=-1) {loc=ref.substring(0,splitc); target=ref.substring(splitc+1,1000);} else {loc=ref; target="_blank";}; if (ref != "") {land(loc,target);} } //--> </script>

Det er den kode som bestemmer hvordan linkene åbner, og i det hele taget at dropdownmenuen er "aktiv".
i dette tilfælde åbner linkene i et nyt vindue, det kan ændres i denne linie:

else {loc=ref; target="_blank";};

Nu skal vi jo ligesom lave selve "drop down menuen"... Det gør vi ved at indsætte denne kode:

<form action="dummy" method="post"> <select name="choice" size="1" onChange="jump(this.form)"> <option value="" class="select">Din tekst her? </option> <option value="http://www.siden.dk">Link 1</option> <option value="http://www.siden.dk">Link 2</option> </select> </form>

Ved "Din tekst her?" kan du skrive lige hvad du vil, evt.Links som jeg har skrevet i mit eksempel..
Ved "http://www.siden.dk" skriver du linket til den side der skal være link til, og ved "Link 1" skriver du så navnet på siden, eller lign. Det samme gør du ved Link 2..

Ønsker du at indsætte flere links i din dropdown menu, tilføjer du bare dette stykke af koden efter link 2:

<option value="http://www.siden.dk">Link ?</option>