nicht angemeldet
Ich habe folgendes Problem: bei onmouseover soll in der Umgebung des
mit der Maus berührten Wortes ein kleiner Erläuterungstext eingeblendet werden.
Im Prinzip funktioniert das auch. Allerdings "zittert" und "flackert" der
Erläuterungstext in aller Regel (aber seltsamerweise nicht in jedem Fall,
ich kann keine Regel erkennen!).
Gibt es eine Möglichkeit die Darstellung "zu beruhigen"?
Das folgende Beispiel funktioniert nur im Internet Explorer 5.
Schon mal im Voraus: Danke für eure Mühe!
Gruß: Hannes
<html>
<head>
<title>frage</title>
<style type="text/css">
div.dfntext
{
position: absolute;
visibility: visible;
left: -1000px;
top: -1000px;
background-color:#FFE4C4;
}
dfn {color: green;}
</style>
<SCRIPT language=JavaScript>
var Name1, div_name, testname;
var hoehe=screen.height;
function zeigen (i)
{
switch (i)
{
case 1:
div_name="texteins";
break;
case 2:
div_name="textzwei";
break;
}
Name1=eval(div_name + '.style');
Name1.left = window.event.offsetX;
Name1.top = window.event.offsetY;
}
function verbergen (i)
{
switch (i)
{
case 1:
div_name="texteins";
break;
case 2:
div_name="textzwei";
break;
}
Name1=eval(div_name + '.style');
Name1.top=-1000;
Name1.left=0;
}
</SCRIPT>
</head>
<body id="DieseDatei">
<DIV class="dfntext" id="texteins" onfocus=textanzeige()>
Solche Wörter werden erklärt!
</DIV>
<DIV class="dfntext" id="textzwei" onfocus=textanzeige()>
Hallo!
</DIV>
Manche <dfn onmouseover="zeigen(1)" onmouseout="verbergen ()">
Wörter </dfn> sind <dfn onmouseover="zeigen(2)" onmouseout="verbergen ()">
hervorgehoben</dfn>.
</body>
</html>