[Tooltip 2]

Beispiel 1
Beispiel 2
Beispiel 3
Beispiel 4
Beispiel 5
Beispiel 6
Beispiel 7
Beispiel 8
Beispiel 9

Beim Überfahren eines Links mit der Maus (onmouseover) öffnet sich eine Box, die nähere Beschreibungen zum Link enthält.

Der JavaScript Code befindet sich in einer externen Datei namens overlib.js. Der Pfad zu dieser Datei muss im Aufruf des JavaScripts angegeben werden.

[zwischen <BODY> und </BODY>]

<div id="overDiv" style="position:absolute; visibility:hide;z-index:1;"></div>

<script language="JavaScript" src="overlib.js"></script>

[in den Link]

<a href="Seite.html" onMouseOver="drs('IhrText', 'name'); return true;" onMouseOut="nd(); return true;">Text des Links</a>

Beachten Sie bitte

Die Art des Tooltips wird über den Funktionsnamen (im Beispiel ist dies drs) bestimmt. Hierbei ist:
dls: Einfacher Tooltip links zur Maus ausgerichtet
dcs: Einfacher Tooltip zentriert zur Maus ausgerichtet
drs: Einfacher Tooltip rechts zur Maus ausgerichtet
dlc: Tooltip mit Titel, links zur Maus ausgerichtet
dcc: Tooltip mit Titel, zentriert zur Maus ausgerichtet
drc: Tooltip mit Titel, rechts zur Maus ausgerichtet
slc: Sticky Tooltip mit Titel, links zur Maus ausgerichtet
scc: Sticky Tooltip mit Titel, zentriert zur Maus ausgerichtet
src: Sticky Tooltip mit Titel, rechts zur Maus ausgerichtet

'Seite.html' ist die Seite, die bei Mausklick auf den Link aufgerufen wird.
Tragen Sie bei 'IhrText' Ihren Hinweistext zum Link ein, der in der Box angezeigt werden soll.
'name' muss ein eindeutiger Name des Links sein, der auch als Tooltiptitel angezeigt wird.
'Text des Links' kann ein beliebiger Text sein, oder auch eine Grafik (<img src="....">)

[Autor]

DotMatrix

[Download]

Copyright © 1998- Nightfire Webworker Archiv Script No: 0334