EchoEcho.Com
KOMPLETTE WEBKURSER

HJEM KURSER JAVASCRIPT AVANCERET     
EchoEcho.Com
TOOLS & RESSOURCER
 HJEM 
 
 KURSER 
 
 RESSOURCER 
 
 REDSKABER 
 
 DOKUMENTATION 
   
 OVERSIGT 
  
  SØG PÅ DETTE SITE

FORESLÅ DETTE SITE
FORESLÅ DETTE SITE      

DROP DOWN MENU

INTRODUKTION


TEKNIKKEN


KODEN


EKSEMPEL


DROP DOWN REDSKAB

Drop-Down Menu :
KODEN

For at scriptet skal virke på din webside, skal du indsætte det i <head>-delen i dit dokument.

Dernæst skal du indsætte onChange="DropDownMenu(this)" ved hver drop-down menu, der skal kalde scriptet.

Funktionen onChange indsættes i den ønskede drop-down menus <select>-tagget.

Til sidst skal du tilføje den ønskede URL og target til hver felt i menuen.

For at gøre dette skal du bruge følgende syntaks:
<option value="http://www.yahoo.com">Yahoo</option>
.

Hvis du vil tilføje et target, skal du bruge følgende syntaks:
<option value="http://www.yahoo.com&target">Yahoo</option>

hvor "target" erstattes af det target, du vil bruge.

Hvis du vil have et lin til at åbne i en frame kaldet "main", skal du tilføje:
<option value="http://www.yahoo.com&main">Yahoo</option>
.

Note:
Du kan også bruge de reserverede target:
  • "_blank"

  • "_top"

  • "_parent"

  • "_self"


Klik her for at få en forklaring på disse target.




Tilsidst kan du indtaste FALSE i URL-feltet for at lade scriptet vide, at det ikke skal loade nogen URL.
Det er det, man gør, hvis man vil have en overskrift i sin drop-down menu - fx "SØGEMASKINER" og "DENNE SIDE" som i de 2 eksempler i toppen af denne side.

Scriptet ser sådan ud:

<script>
function DropDownMenu(entered)
{
// ***************************************************************************
// DROP DOWN MENU (c) Henrik Petersen / NetKontoret 1998 - All rights reserved
// Explained along with other useful scripts at: http://www.echoecho.com/javascript.htm
// You may freely use this script as long as you do not remove this line and the 2 lines above.
// ***************************************************************************

with (entered)
{
// Gemmer de valgte muligheder i en variabel kaldet ref
ref=options[selectedIndex].value;
// Tæller positionen på det valgfrie &
splitcharacter=ref.lastIndexOf("&");

// De 3 linier nedenfor tjekker, om et target går i spænd med URL'en
// Det vil sige: (om et "&" er i optionsværdien).
// Hvis det er tilfældet, gemmes URL'en i en variabel kaldet loc og target
// gemmes i en variabel kaldet target.
// Hvis URL'en ikke gemmes i en variabel kaldet loc og "_self" er
// gemt i variablen kaldet target.

hvis (splitcharacter!=-1) {loc=ref.substring(0,splitcharacter); target=ref.substring(splitcharacter+1,1000).toLowerCase();}
ellers {loc=ref; target="_self";};

// Lav en variabel kaldet lowloc for at gemme loc i lowercase karakterer.
lowloc=loc.toLowerCase();

// Drop resten af denne funktion, hvis den valgte optionsværdi er "FALSE".
hvis (lowloc=="false") {return;}

// Åben link i nuværende dokument
hvis (target=="_self") {document.location=loc;}

// Annuller eventuelle framesets og åben link i nuværende vindue
ellers {hvis (target=="_top") {top.location=loc;}

// Åben link i nyt vindue
ellers {hvis (target=="_blank") {window.open(loc);}

// Åben link i parent frame
ellers {hvis (target=="_parent") {parent.location=loc;}

// Åben link i den specificerede frame
ellers {parent.frames[target].location=loc;};
}}}}
}
</script>





<< TILBAGE
LÆS MERE >>

JAVASCRIPT MENU

JAVASCRIPT INTRO


ANIMEREDE KNAPPER


BROWSER DETECTION


COOKIES


POPUP VINDUER


DROP DOWN MENU


FORM VALIDERING


FRAMESET SCRIPT


MULTI LINK








EchoEcho.Com
KOMPLETTE WEBKURSER
 HJEM 
 
 KURSER 
 
 RESSOURCER 
 
 REDSKABER 
 
 DOKUMENTATION 
   
 OVERSIGT 
EchoEcho.Com
TOOLS & RESSOURCER

(c) Copyright 1998-1999 NetKontoret - All Rights Reserved