Ben: Popup an Position des <a>-Tags

Hallo,

ich hab jetzt das Web nach Lösungen durchsucht, aber irgendwie find ich wohl nicht die richtigen Suchworte - obwohl ich mir sicher bin, daß ich da eine FAQ stelle:

Mein HTML-Code wird automatisch aus einer Quelle generiert, die 1:n-Links enthält. Im Klartext: Beim Klick mit der Maus geht über dem Link ein kleines Popup auf, das die zur Auswahl stehenden Link-Ziele enthält.

Gelöst wird das durch

<span id="xyz" onclick="javascript:showlinks('abc')>Link</span>

und danach

<div id="abc"><a href="...">Link1</a>, <a href="...">Link2</a></div>

Das <div> mit den Links hat z-index:1 und anfänglich display:none.
Mit dem Script "showlinks" wird display:block gesetzt.

Was mir fehlt ist: Wie krieg ich das <div>-Kästchen oberhalb vom Inhalt des <span>-Tags, auf das der User geklickt hat? Genauer: Ein bißchen drüber und leicht nach rechts verschoben? Das muß zum Zeitpunkt des Klicks dynamisch errechnet werden - und da steig ich aus.

Ich hab einen browserspezifischen Ansatz gefunden, der mir aber nicht wirklich zusagt. Da muß es doch eine Lösung geben, die standardkonform zumindest theoretisch auf mehreren Browsern laufen soll?

Thx
Ben

  1. Hi Ben,
    schau doch mal bei mir zuHaus vorbei, da wird das erklärt:
    http://www.spacetowns.com/dhtmlguide/index.html?chapter=02

    lg Spiff