Joutsan lukion WWW-sivut

Java Script-pudotusvalikot HV-menu-scriptin avulla

HV-menu pudotusvalikko osoitteesta www.dynamicdrive.com tarvitsee tarvitsee kansioon seuraavat tiedostot::
exmplmenu_var.js , menu_com.js , tri.gif , tridown.gif ja trileft.gif.

Näistä neljä viimeistä siirretään sellaisenaan kansioon palvelimelle. exmplm_var -tiedostoa on editoitava esimerkiksi muistio-ohjelmalla omaa sivustoa varten. Kts. esimerkki editoinnista sivun lopusta.

a) Lisää seuraava koodi <BODY>-elementtiin omalle sivullesi:

//HV Menu- by Ger Versluis (http://www.burmees.nl/)<BR>

//Submitted to Dynamic Drive (http://www.dynamicdrive.com)<BR>

//Visit http://www.dynamicdrive.com for this script and more<BR><BR>function Go(){return}</script>

b) Jos käytät kehyksiä eli freimejä, lisää seuraava koodin pätkä <BODY> -elementtiin index-tiedostoon:

<body background="tausta.gif" bgproperties="fixed" link="#000000" vlink="#000000" alink="#000000"

Tarkat ohjeet saat dynamicdriven sivuilta.

Esimerkki lukion sivujen pudotusvalikon exmplmenu_var .js editoinnista:

/***********************************************************************************
* (c) Ger Versluis 2000 version 5.411 24 December 2001 (updated Jan 31st, 2003 by Dynamic Drive for Opera7)
* For info write to menus@burmees.nl *
* You may remove all comments for faster loading *
***********************************************************************************/

var NoOffFirstLineMenus=22; // Number of first level items
var LowBgColor='PowderBlue'; // Background color when mouse is not over
var LowSubBgColor='PowderBlue'; // Background color when mouse is not over on subs
var HighBgColor='LightCyan'; // Background color when mouse is over
var HighSubBgColor='LightCyan'; // Background color when mouse is over on subs
var FontLowColor='Black'; // Font color when mouse is not over
var FontSubLowColor='Black'; // Font color subs when mouse is not over
var FontHighColor='Red'; // Font color when mouse is over
var FontSubHighColor='Red'; // Font color subs when mouse is over
var BorderColor='white'; // Border color
var BorderSubColor='white'; // Border color for subs
var BorderWidth=1; // Border width
var BorderBtwnElmnts=1; // Border between elements 1 or 0
var FontFamily="arial,verdana,tahoma,comic sans ms,technical" // Font family menu items
var FontSize=7.5; // Font size menu items
var FontBold=1; // Bold menu items 1 or 0
var FontItalic=0; // Italic menu items 1 or 0
var MenuTextCentered='left'; // Item text position 'left', 'center' or 'right'
var MenuCentered='left'; // Menu horizontal position 'left', 'center' or 'right'
var MenuVerticalCentered='top'; // Menu vertical position 'top', 'middle','bottom' or static
var ChildOverlap=.25; // horizontal overlap child/ parent
var ChildVerticalOverlap=.25; // vertical overlap child/ parent
var StartTop=85; // Menu offset x coordinate
var StartLeft=1; // Menu offset y coordinate
var VerCorrect=0; // Multiple frames y correction
var HorCorrect=0; // Multiple frames x correction
var LeftPaddng=3; // Left padding
var TopPaddng=2; // Top padding
var FirstLineHorizontal=0; // SET TO 1 FOR HORIZONTAL MENU, 0 FOR VERTICAL
var MenuFramesVertical=1; // Frames in cols or rows 1 or 0
var DissapearDelay=1000; // delay before menu folds in
var TakeOverBgColor=1; // Menu frame takes over background color subitem frame
var FirstLineFrame='contents'; // Frame where first level appears
var SecLineFrame='contents'; // Frame where sub levels appear
var DocTargetFrame='main'; // Frame where target documents appear
var TargetLoc=''; // span id for relative positioning
var HideTop=0; // Hide first level when loading new document 1 or 0
var MenuWrap=1; // enables/ disables menu wrap 1 or 0
var RightToLeft=0; // enables/ disables right to left unfold 1 or 0
var UnfoldsOnClick=0; // Level 1 unfolds onclick/ onmouseover
var WebMasterCheck=0; // menu tree checking on or off 1 or 0
var ShowArrow=1; // Uses arrow gifs when 1
var KeepHilite=1; // Keep selected path highligthed
var Arrws=['tri.gif',4,8,'tridown.gif',10,5,'trileft.gif',5,10]; // Arrow source, width and height

function BeforeStart(){return}
function AfterBuild(){return}
function BeforeFirstOpen(){return}
function AfterCloseAll(){return}

// Menu tree
// MenuX=new Array(Text to show, Link, background image (optional), number of sub elements, height, width);
// For rollover images set "Text to show" to: "rollover:Image1.jpg:Image2.jpg"

Menu1=new Array("Pääsivu","http://www.joutsa.fi/lukio/jouluk1.htm","",0,17,80);

Menu2=new Array("Sivukartta","http://www.joutsa.fi/lukio/kartta.htm","",0,17,80);

Menu3=new Array("Ajankohtaista","http://www.joutsa.fi/lukio/ajankoht.htm","",10,17,80);
Menu3_1=new Array("Pedanet","http://www.peda.net/veraja/joutsa/lukio","",0,17,80);
Menu3_2=new Array("Joutsan Seutu","http://www.joutsanseutu.fi/","",0);
Menu3_3=new Array("Kalenteri","http://www.joutsa.fi/lukio/vuosikal.htm","",0);
Menu3_4=new Array("KSML","http://www.keskisuomalainen.net/","",0);
Menu3_5=new Array("Kurssitarjotin","http://www.joutsa.fi/lukio/0607/kurssitarjotin0607.htm","",0,17,80);
Menu3_6=new Array("Opinto-opas","http://www.joutsa.fi/lukio/0607/opintoopas0607valmis.pdf","",0);
Menu3_7=new Array("Ruokalista","http://www.joutsa.fi/lukio/ruokalis.htm","",0);
Menu3_8=new Array("Tapahtumat","http://www.joutsa.fi/lukio/tiedotuk.htm","",0);
Menu3_9=new Array("Yotutkinto","http://www.minedu.fi/yo-tutkinto/","",0);
Menu3_10=new Array("Saneeraus","http://www.joutsa.fi/lukio/0607/saneeraus.htm","",0);

Menu4=new Array("Keskustelu","http://www.peda.net/veraja/joutsa/lukioforum/","",0,17,80);

Menu5=new Array("Luciajuhla","blank.htm","",6,17,80);
Menu5_1=new Array("2001","http://www.joutsa.fi/lukio/lucia01/","",0,17,40);
Menu5_2=new Array("2002","http://www.joutsa.fi/lukio/multimedia/lucia02/","",0,17,40);
Menu5_3=new Array("2003","http://www.joutsa.fi/lukio/multimedia/lucia03/","",0,17,40);
Menu5_4=new Array("2004","http://www.joutsa.fi/lukio/0405/lucia04/","",0,17,40);
Menu5_5=new Array("2005","http://www.joutsa.fi/lukio/0506/lucia05/","",0,17,40);
Menu5_6=new Array("2006","http://www.joutsa.fi/lukio/0607/lucia06/","",0,17,40);

Menu6=new Array("Linkkejä","http://www.joutsa.fi/lukio/linkit.htm","",0,17,80);

Menu7=new Array("Itsen.juhla","http://www.joutsa.fi/lukio/maisemointi/","",7,17,80);
Menu7_1=new Array("2000","http://www.joutsa.fi/lukio/multimedia/itsjuh00_hi.ram","",2,17,40);
Menu7_1_1=new Array("osa1","http://www.joutsa.fi/lukio/multimedia/itsjuh100.ram","",0,17,40);
Menu7_1_2=new Array("osa2","http://www.joutsa.fi/lukio/multimedia/itsjuh00_hi.ram","",0,17,40);
Menu7_2=new Array("2001","http://www.joutsa.fi/lukio/oppkon01/","",0,17,40);
Menu7_3=new Array("2002","http://www.joutsa.fi/lukio/multimedia/itsjuhkon02/","",0,17,40);
Menu7_4=new Array("2003","http://www.joutsa.fi/lukio/multimedia/itsjuhkon03/","",0,17,40);
Menu7_5=new Array("2004","http://www.joutsa.fi/lukio/0405/itsjuhkon/","",0,17,40);
Menu7_6=new Array("2005","http://www.joutsa.fi/lukio/0506/itsenjuhla05/","",0,17,40);
Menu7_7=new Array("2006","http://www.joutsa.fi/lukio/0607/itsenjuhla06/","",0,17,40);

Menu8=new Array("Multimedia","http://www.joutsa.fi/lukio/multimed.htm","",3,17,80);
Menu8_1=new Array("Videot","http://www.joutsa.fi/lukio/videot.htm","",0,17,80);
Menu8_2=new Array("Audiot","http://www.joutsa.fi/lukio/audiot.htm","",0,17,80);
Menu8_3=new Array("Kekekaraoke","http://www.joutsa.fi/lukio/karaoke/","",0);

Menu9=new Array("Henkilökunta","http://www.joutsa.fi/lukio/opettajat.htm","",4,17,80);
Menu9_1=new Array("Nykyiset","http://www.joutsa.fi/lukio/opet.htm","",0,17,80);
Menu9_2=new Array("Aakkosjärj.","http://www.joutsa.fi/lukio/aakkosjarjestys.htm","",0,17,80);
Menu9_3=new Array("Vuosittain","http://www.joutsa.fi/lukio/vuosittain.htm","",0);
Menu9_4=new Array("Valokuvia","http://www.joutsa.fi/lukio/luokkakuvat/index.html#op","",0);

Menu10=new Array("Opsit","http://www.joutsa.fi/lukio/opetussu.htm","",6,17,80);
Menu10_1=new Array("Kuvat. diplomi","http://www.joutsa.fi/lukio/diplomi/","",0,17,80);
Menu10_2=new Array("Liik. diplomi","http://www.joutsa.fi/lukio/liiklukdip.htm","",0);
Menu10_3=new Array("Mus. diplomi","blank","",0);
Menu10_4=new Array("Lukiolaki","http://www.joutsa.fi/lukio/lukiolaki.htm","",0);
Menu10_5=new Array("OPS","http://opspro.peda.net/joutsa/viewer.php3?DB=joutsanlukio","",0,17,80);
Menu10_6=new Array("Kurssikuvaus","http://www.joutsa.fi/lukio/0506/kurssikuvaukset2005.pdf","",0);

Menu11=new Array("Wanh.tanssit","blank.htm","",9,17,30);
Menu11_1=new Array("1999","http://www.joutsa.fi/lukio/multimedia/vantan99_hi.ram","",0,17,40);
Menu11_2=new Array("2000","blank.htm","",2,17,40);
Menu11_2_1=new Array("Osa 1","http://www.joutsa.fi/lukio/wanhtans00/wantan00os1_hi.ram","",0,17,40);
Menu11_2_2=new Array("Osa 2","http://www.joutsa.fi/lukio/wanhtans00/wantan00os2_hi.ram","",0,17,40);
Menu11_3=new Array("2001","http://www.joutsa.fi/lukio/multimedia/wanhtans01_hi.ram","",0,17,40);
Menu11_4=new Array("2002","http://www.joutsa.fi/lukio/vanhtans02/","",0,17,40);
Menu11_5=new Array("2003","http://www.joutsa.fi/lukio/vanhtans03/","",0,17,40);
Menu11_6=new Array("2004","http://www.joutsa.fi/lukio/vanhtans04/","",0,17,40);
Menu11_7=new Array("2005","http://www.joutsa.fi/lukio/0405/vanhtans05/","",0,17,40);
Menu11_8=new Array("2006","http://www.joutsa.fi/lukio/0506/vanhtans06/","",0,17,40);
Menu11_9=new Array("2007","http://www.joutsa.fi/lukio/0607/wanhojentanssit07/","",0,17,40);

Menu12=new Array("Opiskelijat","http://www.joutsa.fi/lukio/opiskelt.htm","",12,17,80);
Menu12_1=new Array("Kotikunnat","http://www.joutsa.fi/lukio/opismaar.htm","",0,17,80);
Menu12_2=new Array("Nimet 06-07","http://www.joutsa.fi/lukio/opiskeli.htm","",0);
Menu12_3=new Array("Kuvat 00-01","http://www.joutsa.fi/lukio/luokkaku.htm","",0);
Menu12_4=new Array("Kuvat 01-02","http://www.joutsa.fi/lukio/luokkaku02.htm","",0);
Menu12_5=new Array("Kuvat 02-03","http://www.joutsa.fi/lukio/luokkaku03.htm","",0);
Menu12_6=new Array("Kuvat 03-04","http://www.joutsa.fi/lukio/luokkaku04.htm","",0);
Menu12_7=new Array("Kuvat 04-05","http://www.joutsa.fi/lukio/luokkaku05.htm","",0);
Menu12_8=new Array("Kuvat 05-06","http://www.joutsa.fi/lukio/luokkaku06.htm","",0);
Menu12_9=new Array("Kuvat 06-07","http://www.joutsa.fi/lukio/luokkakuvat07.htm","",0);
Menu12_10=new Array("Oppilaskunta","http://www.joutsa.fi/lukio/oppkunta.htm","",0);
Menu12_11=new Array("Kotisivuja","http://www.joutsa.fi/lukio/oppkotis.htm","",0);
Menu12_12=new Array("Opinnäytteitä","http://www.joutsa.fi/lukio/julkaisu.htm","",0);

Menu13=new Array("Opiskelu","blank.htm","",9,17,75);
Menu13_1=new Array("Oppiaineet","http://www.joutsa.fi/lukio/oppiainelinkit.htm","",0,17,80);
Menu13_2=new Array("Tiedonhaku","http://www.joutsa.fi/lukio/tiedonhaku02.htm","",0,17,80);
Menu13_3=new Array("Kurssitarjotin","http://www.peda.net/img/portal/358836/Kurssitarjotin_2006-07.htm","",0,17,80);
Menu13_4=new Array("Opinto-opas","http://www.peda.net/img/portal/358836/Opinto-opas_2006-07.doc","",0,17,80);
Menu13_5=new Array("Kurssikuvaus","http://www.peda.net/img/portal/358836/Kurssikuvaukset_2006-07.doc","",0,17,80);
Menu13_6=new Array("Koeviikko","http://www.peda.net/img/portal/358836/Koeviikko5_0607.xls","",0,17,80);
Menu13_7=new Array("Tapahtumat","http://www.joutsa.fi/lukio/tiedotuk.htm","",0,17,80);
Menu13_8=new Array("Järjestyssään.","http://www.joutsa.fi/lukio/jarjsaan.htm","",0,17,80);
Menu13_9=new Array("Pisterajat LM","http://www.joutsa.fi/lukio/pisterajat.htm","",0,17,80);

Menu14=new Array("Lakkiaiset","blank.htm","",12,17,80);
Menu14_1=new Array("1986","http://www.joutsa.fi/lukio/multimedia/lakkiaiset86/lakkiaiset86.wmv","",0,17,40);
Menu14_2=new Array("1993","http://www.joutsa.fi/lukio/multimedia/lakkiaiset86/lakkiaiset93.wmv","",0,17,40);
Menu14_3=new Array("1994","blank.htm","",2,17,40);
Menu14_3_1=new Array("Osa 1","http://www.joutsa.fi/lukio/multimedia/lakkiaiset86/lakkiaiset94.wmv","",0,17,40);
Menu14_3_2=new Array("Osa 2","http://www.joutsa.fi/lukio/multimedia/lakkiaiset86/yhteiskuvaus94.wmv","",0,17,40);
Menu14_4=new Array("1999","http://www.joutsa.fi/lukio/rehtori.htm","",0,17,40);
Menu14_5=new Array("2000","blank.htm","",2,17,40);
Menu14_5_1=new Array("Osa 1","http://www.joutsa.fi/lukio/lakkiaiset00/","",0,17,40);
Menu14_5_2=new Array("Osa 2","http://www.joutsa.fi/lukio/rehtor00.htm","",0,17,40);
Menu14_6=new Array("2001","http://www.joutsa.fi/lukio/multimedia/wanhtans01_hi.ram","",3,17,40);
Menu14_6_1=new Array("Osa 1","http://www.joutsa.fi/lukio/multimedia/yojuhla01_hi.ram","",0,17,40);
Menu14_6_2=new Array("Osa 2","http://www.joutsa.fi/lukio/multimedia/lakitus01_hi.ram","",0,17,40);
Menu14_6_3=new Array("Osa 3","http://www.joutsa.fi/lukio/multimedia/yhtkuva01_hi.ram","",0,17,40);
Menu14_7=new Array("2002","http://www.joutsa.fi/lukio/multimedia/lakkiaiset02/index.htm","",0,17,40);
Menu14_8=new Array("2003","http://www.joutsa.fi/lukio/lakkiaiset03/","",0,17,40);
Menu14_9=new Array("2004","http://www.joutsa.fi/lukio/lakkiaiset04/","",0,17,40);
Menu14_10=new Array("2005","http://www.joutsa.fi/lukio/0405/lakkiaiskuvatk05/","",0,17,40);
Menu14_11=new Array("2006","http://www.joutsa.fi/lukio/0506/lakkiaiset06/","",0,17,40);
Menu14_12=new Array("2007","http://www.joutsa.fi/lukio/0506/lakkiaiset07/","",0,17,40);

Menu15=new Array("Toiminta","http://www.joutsa.fi/lukio/koulu.htm","",13,17,80);
Menu15_1=new Array("Koulu, yleistä","http://www.joutsa.fi/lukio/koulu.htm","",0,17,80);
Menu15_2=new Array("Maisemointi","http://www.joutsa.fi/lukio/maisemointi/","",0,17,80);
Menu15_3=new Array("Vuosikert.","http://www.joutsa.fi/lukio/koulu.htm","",11,17,80);
Menu15_3_1=new Array("1997","http://www.joutsa.fi/lukio/vuosik97.htm","",0,17,40);
Menu15_3_2=new Array("1998","http://www.joutsa.fi/lukio/vuosik98.htm","",0,17,40);
Menu15_3_3=new Array("1999","http://www.joutsa.fi/lukio/vuosik99.htm","",0,17,40);
Menu15_3_4=new Array("2000","http://www.joutsa.fi/lukio/vuosik00.htm","",0,17,40);
Menu15_3_5=new Array("2001","http://www.joutsa.fi/lukio/vuosik01.htm","",0,17,40);
Menu15_3_6=new Array("2002","http://www.joutsa.fi/lukio/vuosik02/","",0,17,40);
Menu15_3_7=new Array("2003","http://www.joutsa.fi/lukio/vuosik03/","",0,17,40);
Menu15_3_8=new Array("2004","http://www.joutsa.fi/lukio/vuosik04/","",3,17,40);
Menu15_3_8_1=new Array("Etukansi","http://www.joutsa.fi/lukio/vuosik04/etukansiweb.jpg","",0,17,60);
Menu15_3_8_2=new Array("Sisäkansi","http://www.joutsa.fi/lukio/vuosik04/sisakansi.pdf","",0,17,60);
Menu15_3_8_3=new Array("Sisältö","http://www.joutsa.fi/lukio/vuosik04/vuosikertomus04.pdf","",0,17,60);
Menu15_3_9=new Array("2005","http://www.joutsa.fi/lukio/0405/lakkiaiskuvatk05/","",0,17,40);
Menu15_3_10=new Array("2006","http://www.joutsa.fi/lukio/0506/lakkiaiset06/","",0,17,40);
Menu15_3_11=new Array("2007","blank.htm","",0,17,40);

Menu15_4=new Array("Huippusuoritus","http://www.joutsa.fi/lukio/huippusuorituksia.htm","",0,17,80);
Menu15_5=new Array("Toiminta 96-99","http://www.joutsa.fi/lukio/toiminta/toiminta9699.htm","",0);
Menu15_6=new Array("Toiminta 99-00","http://www.joutsa.fi/lukio/toiminta/toiminta9900.htm","",0);
Menu15_7=new Array("Toiminta 00-01","http://www.joutsa.fi/lukio/toiminta/toiminta0001.htm","",0);
Menu15_8=new Array("Toiminta 01-02","http://www.joutsa.fi/lukio/toiminta/toiminta0102.htm","",0);
Menu15_9=new Array("Toiminta 02-03","http://www.joutsa.fi/lukio/toiminta/toiminta0203.htm","",0);
Menu15_10=new Array("Toiminta 03-04","http://www.joutsa.fi/lukio/toiminta/toiminta0304.htm","",0);
Menu15_11=new Array("Toiminta 04-05","http://www.joutsa.fi/lukio/toiminta/toiminta0405.htm","",0);
Menu15_12=new Array("Toiminta 05-06","http://www.joutsa.fi/lukio/toiminta/toiminta0506.htm","",0);
Menu15_13=new Array("Toiminta 06-07","http://www.joutsa.fi/lukio/toiminta/toiminta0607.htm","",0);

Menu16=new Array("Vieraskirja","http://www.joutsa.fi/lukio/vieraskirja/","",0,17,80);

Menu17=new Array("Ylioppilaat","http://www.joutsa.fi/lukio/ylioppil.htm","",10,17,80);
Menu17_1=new Array("1964 -2007","http://www.joutsa.fi/lukio/ylioppil.htm","",0,17,80);
Menu17_2=new Array("Abikuvat","http://www.joutsa.fi/lukio/luokkakuvat/","",0);
Menu17_3=new Array("Aakkosjärj.","http://www.joutsa.fi/lukio/yoaakkos.htm","",0,17,80);
Menu17_4=new Array("Vuosittain","http://www.joutsa.fi/lukio/yovuosit.htm","",0);
Menu17_5=new Array("Ryhtisormus","http://www.joutsa.fi/lukio/ryhtisor.htm","",0,17,80);
Menu17_6=new Array("Yhteiskuvat","http://www.joutsa.fi/lukio/yokuvat.htm","",0);
Menu17_7=new Array("Yhteystiedot","http://www.joutsa.fi/lukio/yoyhteystiedot.htm","",0);
Menu17_8=new Array("Tohtorit","http://www.joutsa.fi/lukio/tohtorit.htm","",0,17,80);
Menu17_9=new Array("Yo:t 2007","http://www.joutsa.fi/lukio/yliopp07.htm","",0);
Menu17_10=new Array("Suomen yo:t 07","http://www.minedu.fi/yo-tutkinto/","",0);

Menu18=new Array("Pedanet","http://www.peda.net/veraja/joutsa/lukio","",0,17,80);

Menu19=new Array("Google","http://www.google.fi","",0,17,80);

Menu20=new Array("Ylläpitäjä","http://www.joutsa.fi/keke/","",2,17,80);
Menu20_1=new Array("Keijo Koo","http://www.joutsa.fi/keke/","",0,17,80);
Menu20_2=new Array("Sähköposti","mailto:keijo.kurki@joutsa.fi","",0,17,80);

Menu21=new Array("Palaute","mailto:lukio@joutsa.fi","",0,17,80);

Menu22=new Array("Lukioinfo","blank.htm","",3,17,80);
Menu22_1=new Array("Keskeistä","http://www.joutsa.fi/lukio/tietopankki.htm","",0,17,80);
Menu22_2=new Array("Opinto-ohjaus","http://www.peda.net/veraja/joutsa/lukio/madminvsubportals","",0,17,80);
Menu22_3=new Array("Opoinfo","http://www.joutsa.fi/lukio/0506/opo-infot/","",0,17,80);

Sivun alkuun