HASTER: Hjælp til onMouseOver funktion
Jeg har følgende kode, som laver en folde ud menu, som volder mig nogle problemer med en onMouseOver funktion - Se problemet nederst i teksten:--------------------kode start ----------------------
<style type="text/css">
<!--
a { text-decoration: none; color: #000000}
a:hover { color: #000000; text-decoration: underline}
-->
</style>
<style>
<!--
#foldheader{cursor:pointer;cursor:hand}
list-style-image:url()}
#foldinglist{list-style-image:url(list.gif)}
//-->
</style>
<script language="JavaScript1.2">
<!--
var head="display:''"
img1=new Image()
img1.src="grafik/fmenu_closed.gif"
img2=new Image()
img2.src="grafik/fmenu_open.gif"
var ns6=document.getElementById&&!document.all
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
function checkcontained(e){
var iscontained=0
cur=ns6? e.target : event.srcElement
i=0
if (cur.id=="foldheader")
iscontained=1
else
while (ns6&&cur.parentNode||(ie4&&cur.parentElement)){
if (cur.id=="foldheader"||cur.id=="foldinglist"){
iscontained=(cur.id=="foldheader")? 1 : 0
break
}
cur=ns6? cur.parentNode : cur.parentElement
}
if (iscontained){
var foldercontent=ns6? cur.nextSibling.nextSibling : cur.all.tags("UL")[0]
if (foldercontent.style.display=="none"){
foldercontent.style.display=""
cur.style.listStyleImage="url()"
}
else{
foldercontent.style.display="none"
cur.style.listStyleImage="url()"
}
}
}
if (ie4||ns6)
document.onclick=checkcontained
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="570">
<tr>
<td valign="top" width="271" height="565">
<img src="grafik/top.gif" width="271" height="236" usemap="#Map" border="0">
<table width="90%" align="right">
<tr>
<td><font size="1" face="Trebuchet MS"> </font></td>
</tr>
<tr>
<td>
<font size="3" face="Trebuchet MS">
<ul>
<li><a href="#" onMouseOver="window.status='Forsiden'; return true;" onMouseOut="window.status=''" onClick="parent.iframe.location.href = 'start.htm'; document.images['menu'].src = 'grafik/menu_start.gif'; return false; ">Forsiden</a></li>
<li><a href="#" onMouseOver="window.status='Hvad er AMD?'; return true;" onMouseOut="window.status=''" onClick="parent.iframe.location.href = 'Hvad_er_AMD.htm'; document.images['menu'].src = 'grafik/menu_hvad_er.gif'; return false;">Hvad er AMD?</a></li>
<li id="foldheader">To former for AMD</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="#" onMouseOver="window.status='Tør AMD'; return true;" onMouseOut="window.status=''" onClick="parent.iframe.location.href = 'Toer_AMD.htm'; document.images['menu'].src = 'grafik/menu_Toer_AMD.gif'; return false; ">Tør AMD</a></li>
<li><a href="#" onMouseOver="window.status='Våd AMD'; return true;" onMouseOut="window.status=''" onClick="parent.iframe.location.href = 'Vaad_AMD.htm'; document.images['menu'].src = 'grafik/menu_Vaad_AMD.gif'; return false; ">Våd AMD</a></li>
</ul>
<li><a href="#" onMouseOver="window.status='Hvordan opdages AMD?'; return true;" onMouseOut="window.status=''"onClick="parent.iframe.location.href = 'Hvordan_opdages_AMD.htm'; document.images['menu'].src = 'grafik/menu_Hvordan_opdages_AMD.gif'; return false;">Hvordan opdages AMD?</a></li>
<li id="foldheader">Amsler-testen</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="#" onMouseOver="window.status='Skema'; return true;" onMouseOut="window.status=''" onClick="parent.iframe.location.href = 'Skema.htm'; document.images['menu'].src = 'grafik/menu_Skema.gif'; return false; ">Skema</a></li>
<li><a href="#" onMouseOver="window.status='Forvrænget billede'; return true;" onMouseOut="window.status=''" onClick="parent.iframe.location.href = 'Forvraenget.htm'; document.images['menu'].src = 'grafik/menu_Forvraenget.gif'; return false; ">Forvrænget billede</a></li>
<li><a href="#" onMouseOver="window.status='Hvem skal teste?'; return true;" onMouseOut="window.status=''" onClick="parent.iframe.location.href = 'Hvem_skal_teste.htm'; document.images['menu'].src = 'grafik/menu_Hvem_skal_teste.gif'; return false; ">Hvem skal teste?</a></li>
</ul>
<li><a href="#" onMouseOver="window.status='Vigtigt'; return true;" onMouseOut="window.status=''" onClick="parent.iframe.location.href = 'Vigtigt.htm'; document.images['menu'].src = 'grafik/menu_Vigtigt.gif'; return false;">Vigtigt</a></li>
<li><a href="#" onMouseOver="window.status='Brochure'; return true;" onMouseOut="window.status=''" onClick="parent.iframe.location.href = 'Brochure.htm'; document.images['menu'].src = 'grafik/menu_Brochure.gif'; return false;">Brochure</a></li>
<li><a href="#" onMouseOver="window.status='Politikker'; return true;" onMouseOut="window.status=''" onClick="parent.iframe.location.href = 'Politikker.htm'; document.images['menu'].src = 'grafik/menu_Politikker.gif'; return false;">Politikker</a></li>
</ul>
</font>
</td>
</td>
</table>
--------------------------- Kode slut ---------------
Det er lavet sådan at når jeg føre musen hen over et link, så bliver linket understreget og der står i statusbaren hvad det linker til. Mit problem er så bare at de to link der bruges til at åbne en undermenu, kan jeg ikke få til at få samme formatering.
Hvis jeg indsætter en onMouseOver der skal skrive en tekst i statusbaren, så virker det også fint, men så annulere den virkningen af onMouseOver funktionerne i de links der ligger under den hoved menu.
Håber der er nogen der hurtigt kan hjælpe mig.
På forhånd tak for hjælpen.
