Tooltipps, also Mini-PopUps, beherrscht jeder halbwegs moderne Browser. Das "title"-Attribut genügt. Aber es reicht nicht immer. Scriptgesteuert lässt sich mehr draus machen - manchmal reicht auch CSS. Solche Tooltipps können dem Design angepasst werden, anders funktioniert und mehr Informationen aufnehmen. Dazu gehören formatierter Text, URLs, Bilder, Tabellen. Lösungen mit Hilfe von Javascript gibt es bereits sehr lange, doch kreative Tüftler gewinnen der Angelegenheit immer wieder neue Facetten ab. Und schließlich hat auch AJAX Einzug gehalten. Diese Quellen sollte man zur Verfügung haben:

Kleine Hinweise: Tipp schreibt sich im Englischen "Tip", die Schreibweisen mischen sich hier. Die Grafiken sind anklickbar.

• Unobtrusive and Slightly Accessible CSS Tool Tips on Semi Transparent CSS Menus
  Ein halbtransparenter Tooltipp mit Schatten.

  
  

• jTip – A jQuery Tool Tip
  Hübsch aufwändige AJAX Tooltipps mit allem Drum und Dran.

  

• AJAX-enabled Help-Balloons
  Hilfefenster im Ballon-Design. Es gibt sie auch in einer ajaxifizierten Version.

  
  

• Tooltipps mit CSS und Javascript
  Tooltipps in verschiedenen Ausführungen. Ein Tutorial von Frank Rohse. Dr. Web Artikel

  
  

• qTip
  Funktioniert mit allen Elementen, nicht nur mit Hyperlinks, und in vielen Browsern, nämlich IE 5.5+, Firefox, Safari und Opera.

  

• BoxOver
  Flexibler DHTML-Tooltipp in verschiedenen Formen. Erscheint
  sofort, mit Verzögerung, bei Klick oder blendet sich sanft ein.

  
  

• SuperNotes
  Wandelt Fußnoten in Mini-PopUps um. Erscheint sofort oder kann dauerhaft festgepinnt werden. Läuft in vielen Browsern.

  
  

• DHTMLGoodies kennt 5 Tooltippvarianten
  Variante 1 verbessert Formulare:

  
  

• Variante 2 nutzt AJAX
  
• Walter Zorns JavaScript, DHTML Tooltipps
  sind vielfältig einsetzbar und gut dokumentiert. Auch mit deutschsprachiger Anleitung.

  
  

• overLIB
  Die Javascript-Bibliothek erlaubt vielfältige Positionierungen und Erscheinungsformen.

  
  

• Tooltip.js
  Tooltipps mit AJAX. Nutzt das Prototype JavaScript Framework. Die dazugehörige Demo funktioniert nicht mehr.
• Sweet Titles
  JavaScript Fading Tooltips.
• Nice Titles
  Ein schon älterer Klassiker. Nutzt ein Hintergrundbild.

  
  

• lixlpixel Javascript Tooltips
  Aus der gleichen Quellen stammen auch diese CSS Tooltipps.

  
  

• WP - Bubble Tooltips (Plugin)
  Ein Wordpress-Plugin von Frank Bültge, verändert alle Links. Mit deutschsprachiger Anleitung. Basiert auf den Bubble Tooltipps von Web-Graphics.

  
  

• FancyTooltips
  Ebenfalls auch als Wordpress-Plugin zu haben.

  

• jQuery plugin: Tooltip
  Erweitert die jQuery Bibliothek.

  

• Pure CSS Tooltips
  Ohne Script-Einsatz. Nicht schön, aber möglich.
• Information Balloon PopUps
  Stu Nicholls Arbeit kommt ohne Script aus.

  
  

• Animated Tooltip Javascript
  Wer's braucht: dieser Tooltipp wächst ins Bild.
• A lightweight prototype based JavaScript tooltip
  von Jonathan Weiss
• DOM Tooltip
  Script-Library
• Yahoo! UI Library: Tooltip
  Auch Yahoos Baukasten für Web-Entwickler beschäftigt sich mit Tooltipps.

Verwandte Artikel

• YUI - ein AJAX-Riese startet - Teil 3 (0)
• YUI - ein AJAX-Riese startet - Teil 2 (0)
• YUI - ein AJAX-Riese startet - Teil 1 (0)
• xajax - AJAX einfach mit PHP (1)
• Trickkiste: PopUp ohne PopUp (1)
• Timeline für Webseiten (11)
• Spaß mit Javascript (10)