© ilj ilj@flowsim.se
JavaScript på svenska 56
JavaScript och länkar i rullgardinsmenyer
> variant



kod & förklaringar längre ned

pil till JavaScript-koden med förklaringar längre ned



 
Funktionen, som ser till att en ny sida visas i samma fönster som sidan med rullgardinsmenyn, placeras bäst i HEAD-delen (se MINIMANUAL 1 lite grunder) och ser ut så här:
 

<SCRIPT LANGUAGE="
JavaScript" TYPE="text/javascript">
<!--

function iljlink()
{
window.location=document.iljform.iljlist.options [document.iljform.iljlist.selectedIndex].value
}
//
-->
</SCRIPT>
 
Koden för själva rullgardinsmenyn ser ut så här:
 

<FORM NAME="
iljform">
<SELECT ONCHANGE="
iljlink()"
     NAME="
iljlist">
<OPTION VALUE="
#">RULLGARDINSMENY
<OPTION VALUE="
zero.html">sida 1
<OPTION VALUE="
one.html">sida 2
<OPTION VALUE="
two.html">sida 3
<OPTION VALUE="
three.html">sida 4
</SELECT>
</FORM>

 

 
Namnet på den fil som ska visas skriver man alltså efter OPTION VALUE.
 

 
Funktionens window.location gör så att sidan visas i samma fönster (eller samma ram) som sidan med rullgardinsmenyn.
 
Om man har rullgardinsmenyn i en ram (FRAME) och vill visa den nya sidan i en annan ram kan man använda
parent.framename.location där framename är det namn man man angett i FRAMESET-filen.
 
Om man har rullgardinsmenyn i en ram och vill att den nya sidan ska ersätta ramarna och visas i hela fönstret kan man använda
parent.location
 

 
Om man vill att alla länkar ska vara synliga kan man ange storlek, t ex

<SELECT SIZE="
5"
     NAME="iljlist"
     ONCHANGE="iljlink()">
 
Så här ser det ut i din webbläsare:

 

 
Rullgardinsmenyernas utseende varierar ganska mycket mellan olika webbläsare.
 

 

Sidan gjordes av
 
ilj
 
ilj@flowsim.se
 

 
Senast ändrad 10 december 1998.
 
De här sidan hör hemma i ett ramsystem
hos:
www.flowsim.se
JavaScript på svenska