ne so habe ich das gemeint: (habs ganz ohne hilfe rausbekommen mit nur einmal ausprobieren!!): (die letzten 3 befehle der function on();)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
<!--
.skin{
position:absolute;
width:165px;
border:1px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
font-size:12px;
z-index:100;
visibility:hidden;
}
.menuitems{
padding-left:10px;
padding-right:10px;
}
-->
</style>
</HEAD>
<BODY>
<script language="JavaScript1.2">
function on(){
var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
var tempX = '';
var tempY = '';
function getMouseXY(e) {
if (IE) {
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
}
else {
tempX = e.pageX;
tempY = e.pageY;
}
}
alert("tempX =" + tempX + " & tempY " + tempY + "."); // test
document.getElementById("menu").style.left= tempY; // <---
document.getElementById("menu").style.top= tempX; // <---
document.getElementById("menu").style.visibility='visible';
}
function off(){
document.getElementById("menu").style.visibility='hidden';
}
</script>
<div id="menu" class="skin" STYLE="position:absolute; left:0px; top:0px;" display:none>
Hallo<br>Hallodfsgasdf
</div>
<br><br><br>
<a href="#" onmouseover="on()" onMouseout="off()">das ist ein link</a>
<br><br>
<a href="#" onmouseover="on()" onMouseout="off()">das auch</a>
</BODY>
</HTML>
der haken an der sache ist der, dass tempX und tempY immer 0 ist.
warum? ich habe dafür extra ein alert eingebaut der mir das sagt.
hmm
MfG
Michael W.