malebolgia
Legacy Member
Ik heb de volgende code:
In de HEAD sectie:
In de BODY sectie:
Maar hoe kan ik nu definieren dat mijn submenu tevoorschijn komt op een plaats die NIET wordt bepaald t.o.v. de positie van de muis, zoals nu gebeurt.
Thx
In de HEAD sectie:
Code:
<script language=javaScript>
<!-- Beginning of JavaScript -
// How long shall the submenu be visible? Answer in seconds
var standstill=8
// horizontal distance from the textlink to the submenu (pixels)
var xdistance=10
// vertical distance from the textlink to the submenu (pixels)
var ydistance=20
// Do not edit the variables below
var timer
var x,y
var standstill=250*standstill
var opensubmenu
var closesubmenu
var activated=false
function initiate() {
if (document.all) {
closesubmenu=eval("document.all.submenu1.style")
activated=true
}
if (document.layers) {
closesubmenu=eval("document.submenu1")
activated=true
}
}
function show(whatsubmenu) {
if (activated) {
if (document.all) {
closesubmenu.visibility="hidden"
closesubmenu=eval("document.all."+whatsubmenu+".style")
opensubmenu=eval("document.all."+whatsubmenu+".style")
opensubmenu.posTop=y+ydistance
opensubmenu.posLeft=x+xdistance
opensubmenu.visibility="visible"
timer=setTimeout("hidesubmenu()",standstill)
}
if (document.layers) {
closesubmenu.visibility="hidden"
closesubmenu=eval("document."+whatsubmenu)
opensubmenu=eval("document."+whatsubmenu)
opensubmenu.top=y+ydistance
opensubmenu.left=x+xdistance
opensubmenu.visibility="visible"
timer=setTimeout("hidesubmenu()",standstill)
}
}
}
function hidesubmenu() {
clearTimeout(timer)
closesubmenu.visibility="hidden"
opensubmenu.visibility="hidden"
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove=handlerMM;
window.onload=initiate
// - End of JavaScript - -->
</script>
In de BODY sectie:
Code:
<DIV ID="submenu1" style="position:absolute;visibility:hidden">
<table border="1" bordercolor="#666666">
<tr>
<td bgcolor="#666666">
Beetje text<br>
Nog meer text<br>
Nog meer!<br>
</td>
</tr>
</table>
</DIV>
<center>
<A href="" onMouseOver="show('submenu1')">Ga hier met je muis overheen</a>
Maar hoe kan ik nu definieren dat mijn submenu tevoorschijn komt op een plaats die NIET wordt bepaald t.o.v. de positie van de muis, zoals nu gebeurt.
Thx