Endnoten als tooltip

[Vinzenz Mai]

Hallo,

ich suche ein möglichst kompaktes Script, das die Endnoten (Fußnoten) per mouseover/mousemove als Tooltip (Infobox) anzeigt.

geht vermutlich irgendwie auch mit reinem CSS.

Die Endnoten befinden sich ganz unten am Ende der Webseite, und deren Inhalt ist nicht in den Text integriert. Die Anzeige mit dem tittle-Tag ist nicht möglich.

nehmen wir mal folgendes Markup an:

  
<!-- Normaler Text der Seite -->  
[...] irgendwelcher Text<sup id="verweis-endnote-1"><a href="#endnote-1">[1]</a></sup>  
[...] noch weiterer Text<sup id="verweis-endnote-2"><a href="#endnote-2">[2]</a></sup>  
[...]  
  
<!-- Endnotenbereich -->  
<p id="endnote-1">Endnote zu [1]</p>  
<p id="endnote-2">Endnote zu [2]</p>  
[...]  

Wenn Du das mit Javascript lösen willst, so brauchst Du bei mouseover über dem Verweis zur Endnote vom Wert der id des sup-Elementes den Textanteil "verweis-" streichen und das p-Element mit dieser id (oder ein Klon davon) an der von Dir gewünschten Stelle anzeigen.

Freundliche Grüße

Vinzenz