K
Kollar
Aktives Mitglied
Thread Starter
- Dabei seit
- 03.02.2004
- Beiträge
- 1.581
- Reaktionspunkte
- 0
hallo, ich habe versucht eine ebene über mouseover an die position des mauszeigers zu verschieben. quasi soll ein "kleines" popup über den link erscheinen, mit mouseout wollte ich es ausblenden. ich schaffe es aber nichtmal die ebene an die position zu verschieben. wäre sehr froh, wenn mir jemand kurz helfen könnte, ob bei folgendem script ein großer fehler drin ist:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
// * Dependencies *
// this function requires the following snippets:
// JavaScript/readable_MM_functions/findObj
// JavaScript/readable_MM_functions/showHideLayers
// JavaScript/events/getMouseLoc
function moveLayerToMouseLoc(theLayer, offsetH, offsetV)
{
var obj;
if ((findObj(theLayer))!=null)
{
if (document.layers) //NS
{
document.onMouseMove = getMouseLoc;
obj = document.layers[theLayer];
obj.left = mLoc.x +offsetH;
obj.top = mLoc.y +offsetV;
}
else if (document.all)//IE
{
getMouseLoc();
obj = document.all[theLayer].style;
obj.pixelLeft = mLoc.x +offsetH;
obj.pixelTop = mLoc.y +offsetV;
}
showHideLayers(theLayer,'','show');
}
}
// get mouse location
function Point(x,y) { this.x = x; this.y = y; }
mLoc = new Point(-500,-500);
function getMouseLoc(e)
{
if(!document.all) //NS
{
mLoc.x = e.pageX;
mLoc.y = e.pageY;
}
else //IE
{
mLoc.x = event.x + document.body.scrollLeft;
mLoc.y = event.y + document.body.scrollTop;
}
return true;
}
//NS init:
if(document.layers){ document.captureEvents(Event.MOUSEMOVE); document.onMouseMove = getMouseLoc; }
//-->
</script>
</head>
<body>
<div id="Layer1" style="position:absolute; left:452px; top:37px; width:43px; height:24px; z-index:1; visibility: visible;">test</div>
<br><br><br><br><br><br><br>
<a href="#" onMouseOver="moveLayerToMouseLoc('Layer1', '1', '1')">achtung:</a>
</body>
</html>