Ich habe eine relativ "lange" Tabelle, bei der ich über ein popup die Möglichkeit haben will, mehrere Hilfetexte über einen Hilfelink anzuzeigen. Die Hilfelinks befinden sich an verschiedenen Stellen der Seite. Links, die sehr weit "oben" auf der seite stehen sehe ich noch, aber wenn ich die Seite nach unten Scrolle und mit der Maus über einen weit "unten" stehenden Link gehe, dann wird das popup ausserhalb des angezeigten Bildes zu weit oben angezeigt. Wie schaffe ich es, dass das popup immer an der Stelle erscheint, an der der Link bzw die mouse ist, unabhängig davon, ob ich nach unten gescrollt habe oder nicht?
Hier mal der Code, den ich benutze...
mfg
Hier mal der Code, den ich benutze...
mfg
PHP:
<body bgcolor="#ff9900" text="#000000" onload="init()">
<style>
.menu{position: absolute;top:-200;width: 200;padding:5; border-width: 1;border-style: solid;background: white;color: #426399;}
</style>
<script>
<!--
var mpos=new Array();
var mdir=new Array();
var maxmenus=2;
var delay=20;
function do_menu(e, menu)
{
mdir[menu]=-mdir[menu];
if(mpos[menu]<=-122)
{
if(document.layers)
{
document.layers["menu"+menu].top=e.pageY-122;
document.layers["menu"+menu].left=e.pageX;
} else
{
document.all["menu"+menu].style.top=event.y-122;
document.all["menu"+menu].style.left=event.x;
}
move_menu(menu);
}
if(mpos[menu]>=0)
move_menu(menu);
}
function move_menu(menu)
{
mpos[menu]+=mdir[menu];
if(document.layers)
{
document.layers["menu"+menu].top+=mdir[menu];
document.layers["menu"+menu].clip.top=-mpos[menu];
}
else
{
document.all["menu"+menu].style.top=parseInt(document.all["menu"+menu].style.top)+mdir[menu];
document.all["menu"+menu].style.clip="rect("+(-mpos[menu])+",auto,auto,auto)";
}
if(mpos[menu]>-122 && mpos[menu]<0)
setTimeout("move_menu("+menu+")", delay);
}
function init()
{
for(i=0; i<maxmenus; i++)
{
mpos[i]=-122;
mdir[i]=-4;
}
}
// -->
</script>
<div id="menu0" class="menu">
Hier steht der<br>
Hilfetext
</div>
