Hjælp til menu
Jeg har lavet denne side: http://www.wissenberg.comI menuen kommer underpunkter frem når men klikker på hovedpunkterne, og forsvinder igen når man klikker på et andet hovedpunkt. Problemet er at der på nogle huvedpunkter ikke er underpunktr, men kun et link, og når disse klikkes lukker en evt. åben undermenu ikke...
Var det til at forstå eller hva´?? Ellers klik på linket og se hvad jeg mener.
Håber I kan hjælpe!
Her er koden på menuen:
<html>
<head>
<title>Menu</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<style type=\"text/css\">
DIV.clTop{position:absolute; width:170}
DIV.clSub{position:absolute; left:10; width:170}
#divCont{position:relative; visibility:hidden; left:3; top:0; height:400; width:145;}
A.clMain{font-family:Arial, Verdana, Helvetica, Helv; font-size:14px; text-decoration:none; font-weight:bold; color:white}
A.clSubb{font-family:Arial, Verdana, Helvetica, Helv; font-size:14px; text-decoration:none; color:white}
#divMain{position:absolute}
BODY
{ background-color: #30384f;
font-family : verdana; font-size : x-small; color:#FFFFFF;
scrollbar-3d-light-color: #424d6c;
scrollbar-arrow-color: #FFFFFF;
scrollbar-base-color: #000000;
scrollbar-dark-shadow-color: #ffffff;
scrollbar-face-color: #424d6c;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
}
h1 { font-family: Verdana; font-size: medium; color:#FFFFFF;}
A:link
{color:white;
text-decoration: none;}
A:visited
{color:white;}
a:hover { color:white; text-decoration: overline underline; }
a{text-decoration: none}
</style>
<script type=\"text/javascript\" language=\"JavaScript\">
/********************************************************************************
Copyright (C) 1999 Thomas Brattli
This script is made by and copyrighted to Thomas Brattli at www.bratta.com
Visit for more great scripts. This may be used freely as long as this msg is intact!
I will also appriciate any links you could give me.
********************************************************************************/
//Default browsercheck, added to all scripts!
function checkBrowser(){
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie5=(this.ver.indexOf(\"MSIE 5\")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
//added
this.ie4mac=this.ie4 && navigator.userAgent.indexOf(\"Mac\")>-1
this.ie5mac=this.ie5 && navigator.userAgent.indexOf(\"Mac\")>-1
this.ie55=(this.ver.indexOf(\"MSIE 5.5\")>-1 && this.dom)?1:0;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5 || this.ie5mac)
return this
}
bw=new checkBrowser()
var stayFolded=false
//Do you want images (if not set to 0 and remove the images from the body)?
foldImg=0
//This is the image that it changes to when it expands.
var exImg=new Image(); exImg.src=\'arrow1.gif\'
//This is the image is changes to with it\'s \"unfolded\" or something :}
//Remeber to change the actual images in the page aswell, but remember to
//keep the name of the image.
var unImg=new Image(); unImg.src=\'arrow.gif\'
/************************************************************************************
Making cross-browser objects
************************************************************************************/
function makeMenu(obj,nest){
nest=(!nest) ? \'\':\'document.\'+nest+\'.\'
this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+\"document.layers.\" +obj):0;
this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+\'document.\'+obj):0;
this.ref=bw.dom || bw.ie4? document:bw.ns4?eval(nest+\"document.layers.\" +obj+\".document\"):0;
this.x=(bw.ns4 || bw.ns5)? this.css.left:this.css.pixelLeft;
this.y=(bw.ns4 || bw.ns5)? this.css.top:this.css.pixelTop;
this.height=bw.ns4?this.ref.height:this.el.offsetHeight;
this.hideIt=b_hideIt; this.showIt=b_showIt; this.vis=b_vis; this.moveIt=b_moveIt
return this
}
function b_showIt(){this.css.visibility=\"visible\"}
function b_hideIt(){this.css.visibility=\"hidden\"}
function b_vis(){if(this.css.visibility==\"hidden\" || this.css.visibility==\"hide\") return true;}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
/************************************************************************************
Initiating the page. Just add to the arrays here to get more menuitems
and add divs in the page
************************************************************************************/
function init(){
oTop=new Array()
oTop[0]=new makeMenu(\'divTop1\',\'divCont\')
oTop[1]=new makeMenu(\'divTop2\',\'divCont\')
oTop[2]=new makeMenu(\'divTop3\',\'divCont\')
oTop[3]=new makeMenu(\'divTop4\',\'divCont\')
oTop[4]=new makeMenu(\'divTop5\',\'divCont\')
oTop[5]=new makeMenu(\'divTop6\',\'divCont\')
oTop[6]=new makeMenu(\'divTop7\',\'divCont\')
oSub=new Array()
oSub[0]=new makeMenu(\'divSub1\',\'divCont.document.divTop1\')
oSub[1]=new makeMenu(\'divSub2\',\'divCont.document.divTop2\')
oSub[2]=new makeMenu(\'divSub3\',\'divCont.document.divTop3\')
oSub[3]=new makeMenu(\'divSub4\',\'divCont.document.divTop4\')
oSub[4]=new makeMenu(\'divSub5\',\'divCont.document.divTop5\')
oSub[5]=new makeMenu(\'divSub6\',\'divCont.document.divTop6\')
oSub[6]=new makeMenu(\'divSub7\',\'divCont.document.divTop7\')
for(i=0;i<oSub.length;i++){ oSub[i].hideIt() }
for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) }
oCont=new makeMenu(\'divCont\')
oCont.showIt()
}
/************************************************************************************
This is the function that changes the sub menus to folded or unfolded state.
************************************************************************************/
function menu(num){
if(bw.bw){
if(!stayFolded){
for(i=0;i<oSub.length;i++){
if(i!=num){
oSub[i].hideIt()
if(foldImg)oTop[i].ref[\"imgA\"+i].src=unImg.src
}
}
for(i=1;i<oTop.length;i++){
oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
}
}
if(oSub[num].vis()){
oSub[num].showIt()
if(foldImg)oTop[num].ref[\"imgA\"+num].src=exImg.src
}else{
oSub[num].hideIt()
if(foldImg)oTop[num].ref[\"imgA\"+num].src=unImg.src
}
for(i=1;i<oTop.length;i++){
if(!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height)
else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
}
}
}
//Initiating the menus onload, if it\'s a 4.x+ browser.
if(bw.bw) onload=init;
</script>
<SCRIPT LANGUAGE=\"JavaScript\"><!--
// preload images:
if (document.images) {
clickme1 = new Image(140,30); clickme1.src = \"knap1.gif\";
clickme2 = new Image(140,30); clickme2.src = \"knap1-10.gif\";
clickme3 = new Image(140,30); clickme3.src = \"knap2.gif\";
clickme4 = new Image(140,30); clickme4.src = \"knap2-10.gif\";
clickme5 = new Image(140,30); clickme5.src = \"knap3.gif\";
clickme6 = new Image(140,30); clickme6.src = \"knap3-10.gif\";
clickme7 = new Image(140,30); clickme7.src = \"knap4.gif\";
clickme8 = new Image(140,30); clickme8.src = \"knap4-10.gif\";
clickme9 = new Image(140,30); clickme9.src = \"knap5.gif\";
clickme10 = new Image(140,30); clickme10.src = \"knap5-10.gif\";
clickme11 = new Image(140,30); clickme11.src = \"knap6.gif\";
clickme12 = new Image(140,30); clickme12.src = \"knap6-10.gif\";
clickme13 = new Image(140,30); clickme13.src = \"knap7.gif\";
clickme14 = new Image(140,30); clickme14.src = \"knap7-10.gif\";
}
function hiLite(imgName,imgObjName) {
if (document.images) {
document.images[imgName].src = eval(imgObjName + \".src\");
}}
//--></SCRIPT>
</head>
<body bgcolor=\"#757BAD\" background=\"back-menu.gif\">
<br>
<table border=\"0\" cellpadding=\"0\" cellspacing=\"3\" width=\"145\">
<tr>
<td height=\"50\"><center><IMG src=\"logo_inv.GIF\" width=\"128\" height=\"24\"></center></td>
</tr></table>
<div id=\"divCont\">
<div id=\"divTop1\" class=\"clTop\"><A class=clMain onfocus=this.blur() onMouseOver=\"hiLite(\'img01\',\'clickme2\')\"
onMouseOut=\"hiLite(\'img01\',\'clickme1\')\" href=\"profil.htm\" target=\"indhold\"><IMG height=30 alt=\"Tilbage til forsiden\" src=\"knap1.gif\" width=140 border=0 name=img01></a><br>
<div id=\"divSub1\" class=\"clSub\">
</div> <BR STYLE=\"font-size: 5px\">
</div>
<div id=\"divTop2\" class=\"clTop\"><A class=clMain onMouseOver=\"hiLite(\'img02\',\'clickme4\')\"
onMouseOut=\"hiLite(\'img02\',\'clickme3\')\" onfocus=this.blur() onclick=\"menu(1); return false\" href=\"#\"><IMG height=30 alt=\"Hvem er vi?\" src=\"knap2.gif\" width=140 border=0 name=img02></a><br>
<div id=\"divSub2\" class=\"clSub\">
<A class=clSubb href=\"her.htm\" target=\"indhold\" onfocus=this.blur()>Her finder du os</a><br><BR STYLE=\"font-size: 5px\">
<A class=clSubb href=\"firmapolitik.htm\" target=\"indhold\" onfocus=this.blur()>Firmapolitik</a><br><BR STYLE=\"font-size: 5px\">
<A class=clSubb href=\"organisation.htm\" target=\"indhold\" onfocus=this.blur()>Organisation</a><br><BR STYLE=\"font-size: 5px\">
<A class=clSubb href=\"medarb2.htm\" target=\"indhold\" onfocus=this.blur()>Medarbejdere</a><br><BR STYLE=\"font-size: 5px\">
<A class=clSubb href=\"persfor.htm\" target=\"indhold\" onfocus=this.blur()>Personaleforening</a><br><BR STYLE=\"font-size: 5px\">
</div><BR STYLE=\"font-size: 5px\">
</div>
<div id=\"divTop3\" class=\"clTop\"><A class=clMain onfocus=this.blur() onMouseOver=\"hiLite(\'img03\',\'clickme6\')\"
onMouseOut=\"hiLite(\'img03\',\'clickme5\')\" href=\"arbejds.htm\" target=\"indhold\"><IMG height=30 alt=\"Hvad kan vi?\" src=\"knap3.gif\" width=140 border=0 name=img03></a><br>
<div id=\"divSub3\" class=\"clSub\">
</div><BR STYLE=\"font-size: 5px\">
</div>
<div id=\"divTop4\" class=\"clTop\"><A class=clMain onMouseOver=\"hiLite(\'img04\',\'clickme8\')\"
onMouseOut=\"hiLite(\'img04\',\'clickme7\')\" onfocus=this.blur() onclick=\"menu(3); return false\" href=\"#\"><IMG height=30 alt=\"Vores referencer\" src=\"knap4.gif\" width=140 border=0 name=img04></a><br>
<div id=\"divSub4\" class=\"clSub\">
<A class=clSubb href=\"bolig.htm\" target=\"indhold\" onfocus=this.blur()>Boligbyggeri</a><br><BR STYLE=\"font-size: 5px\">
<A class=clSubb href=\"erhverv.htm\" target=\"indhold\" onfocus=this.blur()>Erhvervs- og<br>
institutionsbyggeri</a><br><BR STYLE=\"font-size: 5px\">
<A class=clSubb href=\"renover.htm\" target=\"indhold\" onfocus=this.blur()>Renovering</a><br><BR STYLE=\"font-size: 5px\">
<A class=clSubb href=\"eogm.htm\" target=\"indhold\" onfocus=this.blur()>Energi og miljø</a><br><BR STYLE=\"font-size: 5px\">
<A class=clSubb href=\"okol.htm\" target=\"indhold\" onfocus=this.blur()>Økologiprojekter</a><br><BR STYLE=\"font-size: 5px\">
<A class=clSubb href=\"byf.htm\" target=\"indhold\" onfocus=this.blur()>Byfornyelse</a><br><BR STYLE=\"font-size: 5px\">
<A class=clSubb href=\"dv.htm\" target=\"indhold\" onfocus=this.blur()>Drift og vedligehold</a><br><BR STYLE=\"font-size: 5px\">
</div><BR STYLE=\"font-size: 5px\">
</div>
<div id=\"divTop5\" class=\"clTop\"><A class=clMain onfocus=this.blur() onMouseOver=\"hiLite(\'img05\',\'clickme10\')\"
onMouseOut=\"hiLite(\'img05\',\'clickme9\')\" href=\"nyhed.htm\" target=\"indhold\"><IMG height=30 alt=\"Læs vores nyhedsbreve\" src=\"knap5.gif\" width=140 border=0 name=img05></a><br>
<div id=\"divSub5\" class=\"clSub\">
</div><BR STYLE=\"font-size: 5px\">
</div>
<div id=\"divTop6\" class=\"clTop\"><a href=\"\" onMouseOver=\"hiLite(\'img06\',\'clickme12\')\"
onMouseOut=\"hiLite(\'img06\',\'clickme11\')\" onfocus=this.blur() onclick=\"menu(5); return false\" class=\"clMain\"><IMG height=30 alt=\"Email os eller rekvirer materiale\" src=\"knap6.gif\" width=140 border=0 name=img06></a><br>
<div id=\"divSub6\" class=\"clSub\">
<A class=clSubb href=\"mailto:office@wissenberg.com?subject=Henvendelse fra hjemmesiden\" target=\"indhold\" onfocus=this.blur()>Send en e-mail</a><br><BR STYLE=\"font-size: 5px\">
<A class=clSubb href=\"rek-folder.htm\" target=\"indhold\" onfocus=this.blur()>Rekvirer firmafolder</a><br><BR STYLE=\"font-size: 5px\">
<A class=clSubb href=\"rek-ref.htm\" target=\"indhold\" onfocus=this.blur()>Rekvirer<br>
referenceliste</a><br><BR STYLE=\"font-size: 5px\">
<A class=clSubb href=\"mailto:hf@wissenberg.com?subject=Henvendelse fra hjemmesiden\" target=\"indhold\" onfocus=this.blur()>Webmaster</a><br><BR STYLE=\"font-size: 5px\">
</div><BR STYLE=\"font-size: 5px\">
</div>
<div id=\"divTop7\" class=\"clTop\"><a href=\"\" onMouseOver=\"hiLite(\'img07\',\'clickme14\')\"
onMouseOut=\"hiLite(\'img07\',\'clickme13\')\" onfocus=this.blur() onclick=\"menu(6); return false\" class=\"clMain\"><IMG height=30 alt=\"Jobmuligheder hos Wissenberg\" src=\"knap7.gif\" width=140 border=0 name=img07></a><br>
<div id=\"divSub7\" class=\"clSub\">
<A class=clSubb href=\"job.htm\" target=\"indhold\" onfocus=this.blur()>Ledige stillinger</A></a><br><BR STYLE=\"font-size: 5px\">
<A class=clSubb href=\"uopfordret.htm\" target=\"indhold\" onfocus=this.blur()>Send ansøgning</A></a><br><BR STYLE=\"font-size: 5px\">
</div><BR STYLE=\"font-size: 5px\">
</div>
</div>
</body>
</html>
