Jeg har hentet et menuscript fra en hjemmeside. Koden til
scriptet er delt op i tre dele. Scriptet gør, at når man klikker
på et link dukker der en lille boks med "undersider" op neden
under linket.
Problemet er, at jeg gerne vil flytte lidt på boksen i _forhold_
til linket men kan ikke finde ud af, hvor jeg gør det i
script-koden.
***************
Placeres i <head>:
***************
<script language="JavaScript1.2">
//Contents for menu 1
var menu1=new Array()
menu1[0]='<a href=#>Information</a><br>'
menu1[1]='<a href=#>Salg</a><br>'
menu1[2]='<a href=#>Support</a><br>'
</script>
<style>
<!--
wrap1{
position:absolute;
}
wrap2{
position:absolute;
}
#dropmenu0{
z-index:100;
}
-->
</style>
***************
Placeres der, hvor linket skal være:
***************
<script language="JavaScript1.2">
//reusable/////////////////////////////
//Drop down menu by
http://www.dynamicdrive.com
var zindex=100
var ns4=document.layers
var ns6=document.getElementById&&!document.all
var ie4=document.all
var opr=navigator.userAgent.indexOf("Opera")
function dropit(e,whichone){
curmenuID=ns6? document.getElementById(whichone).id :
eval(whichone).id
if (window.themenu&&themenu.id!=curmenuID)
themenuStyle.visibility=ns4?"hide" : "hidden"
themenu=ns6? document.getElementById(whichone): eval(whichone)
themenuStyle=(ns6||ie4)? themenu.style : themenu
themenuoffsetX=(ie4&&opr==-1)? document.body.scrollLeft : 0
themenuoffsetY=(ie4&&opr==-1)? document.body.scrollTop : 0
themenuStyle.left=ns6||ns4? e.pageX-e.layerX :
themenuoffsetX+event.clientX-event.offsetX
themenuStyle.top=ns6||ns4? e.pageY-e.layerY+19 :
themenuoffsetY+event.clientY-event.offsetY+18
hiddenconst=(ns6||ie4)? "hidden" : "hide"
if (themenuStyle.visibility==hiddenconst){
themenuStyle.visibility=(ns6||ie4)? "visible" : "show"
themenuStyle.zIndex=zindex++
}
else
hidemenu()
return false
}
function hidemenu(){
if ((ie4||ns6)&&window.themenu)
themenuStyle.visibility="hidden"
else if (ns4)
themenu.visibility="hide"
}
if (ie4||ns6)
document.onclick=hidemenu
//reusable/////////////////////////////
</script>
<!----------Menu 1 starts here---------->
<ilayer>
<layer visibility=show>
<div class=wrap1>
<span class=wrap2 onClick="dropit(event,
'dropmenu0');event.cancelBubble=true;return false"><a
href="alternate.htm" onClick="if(ns4) return dropit(event,
'document.dropmenu0')"><span>K</span>ontakt os</a>
</span>
</div>
</layer>
</ilayer><br>
<!----------Menu 1 ends here---------->
***************
Placeres lige under </body>:
***************
<div id=dropmenu0 style="font-family: verdana; font-size: 9px;
color: #666666; position: absolute; top: 10px; left: 50px;
background-color: #F7F7F7; width: 90px; visibility: hidden;
border: 1px solid #DDDDDD; line-height: 13 px;">
<script language="JavaScript1.2">
if (document.all)
dropmenu0.style.padding="4px"
for (i=0;i<menu1.length;i++)
document.write(menu1[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu0.captureEvents(Event.CLICK)
document.dropmenu0.onclick=hidemenu
}
</script>
Håber I kan hjælpe mig...?
Med venlig hilsen
Jesper Holm
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials