Hannes: unruhiges Zittern bei onmouseover

SELF-Forum

unruhiges Zittern bei onmouseover

Hannes
– Informationen zu den Bewertungsregeln

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>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. unruhiges Zittern bei onmouseover

    Swen
    – Informationen zu den Bewertungsregeln

    Moin,

    Im Prinzip funktioniert das auch. Allerdings "zittert" und "flackert" der
    Erläuterungstext in aller Regel [...]

    Zudem: der Standpunkt des Tooltips hängt von der Richtung ab, aus der ich mit der Maus über das Wort streife. Komme ich von oben, liegt der Tooltip "auf" dem direkt folgenden Text. Das könnte als unschön empfunden werden.

    Ich schlage deshalb vor, dass du dir den JS-Tooltip, den Antje Hoffmann geschrieben hast, mal genauer anschaust http://www.pc-anfaenger.de/pca/script/jstt.htm

    Viele Grüße

    Swen
    P.S. Anreden sind SELFverständlich

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln