Hallo,
Das Thema ist echt nervig.
also ich hab jetzt folgendes Script zusammengestellt:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
<!--
.skin{
position:absolute;
border:1px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
font-size:12px;
z-index:100;
visibility:hidden;
padding-left:10px;
padding-right:10px;
}
-->
</style>
</HEAD>
<BODY>
<script language="JavaScript">
function on(pnr,event){
var tempX = event.screenX; //left
var tempY = event.screenY-100; //top
//alert("tempX =" + tempX + " & tempY " + tempY + "."); // test
var menpn = "menu" + pnr;
document.getElementById(menpn).style.top= tempY; // <---
document.getElementById(menpn).style.left= tempX; // <---
document.getElementById(menpn).style.visibility='visible';
}
function off(pnr){
var menpn = "menu" + pnr;
document.getElementById(menpn).style.visibility='hidden';
}
document.onmousemove = on;
</script>
<div id="menu1" class="skin" STYLE="position:absolute; left:0px; top:0px;" display:none>
Hallo<br>Hallodfsgasdf
</div>
<div id="menu2" class="skin" STYLE="position:absolute; left:0px; top:0px;" display:none>
Hallo<br>Hahzsfhhhhhhhhhhhhhhhhhhhhh
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a href="#" onmouseover="on(1,event)" onMouseout="off(1)">das ist ein link</a>
<br><br>
<a href="#" onmouseover="on(2,event)" onMouseout="off(2)">das auch</a>
</BODY>
</HTML>
so bin ich schon ziemlich am ziel bis auf scrolling wie du schon erwähnt hast, denn das geht dann nämlich "zu weit" :-)
dein MousOMeter script ist toll, aber da blicke ich nicht mehr durch.
ich will doch nur sone blöde info box programmieren, es müsste doch eigentlich 10000 fertige davon geben - schon 20000 mal im WEB gesehen und wir schlagen uns immernoch damit rum...
aber nun gut. was muss ich nun noch machen damit ich die Absolute Position bekomme incl scrolling usw?
Daaaanke!