Webdesign

24 Tooltipp-Scripts

28. Mai 2007

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.

Als Gründer habe ich erfolgreich online Magazine für Webdesigner und -Entwickler aufgebaut, das Smashing Magazine und das Dr. Web Magazin. Ich helfe Ihnen, im Internet mit Blogs und Webseiten Erfolg zu haben.

Kommentar hinzufügen

Diese E-Mail ist schon registriert. Bitte benutzen Sie die Login-Form oder geben Sie andere ein.

Sie haben nicht korrektes Login und Passwort eingegeben

Entschuldigen, aber Sie müssen zugriffen, um das Kommentar zu schreiben.

11 Kommentare

chronologisch
nach der Bewertung zuerst neue chronologisch
1

Einige der Tooltipps gab es doch bereits schon bei Dr. Web.

Die ersten beiden gefallen mir wirklich gut.

2

Leider fehlt noch das wunderbare mootools, welches auch eine Tooltip-Klasse beinhaltet.

3

Setze seit einer Weile auf overLIB und komme damit echt gut zurecht und hab noch keine Problemberichte bekommen.

4

Funktioniert auch wenn Javascript deaktiviert ist - CSS onMouseover Tooltip/Popup. Very nice... :D

5

You left out my favorite tooltipper. This is incredibly small and uses protype and scriptaculous. http://www.illustate.com/playground/scriptaculous/tooltip/

6

Plagiat?

Mir ist schon häufiger aufgefallen, dass eure Website gerne mal Artikel von dem Smashing Magazine übersetzt und dann 1:1 übernimmt, ohne einen Hinweis auf den Urheber anzugeben.

Habt ihr es wirklich notwendig, euren inhalt auf diese unverschämte weise von anderen Websites zu stehlen? Ich denke nicht, dass das Übersetzen und anschließentliche Veröffentlichen unter eigenem Namen gutes Wissenschaftliches Arbeiten ist...

7

matthias:
smashing magazine ist mein blog, ebenso wie dieses. die beiträge hier werden für ein internationales publikum aufbereitet. also erst gucken oder fragen bevor man "stehlen" ruft.

zum nachgucken: About

8

Die gezeigten Tooltips sind wirklich appetitlich.

Aber man sollte darauf hinweisen, dass sie nicht überstrapaziert werden. Also nur dort, wo sie absolut sinnvoll und notwendig sind.

Hintergrund: beim Lesen fahre ich mit der Maus über den Text -- weil ich mich dann leichter Konzentrieren kann. Wenn dann ein Tooltip unvermutet aufspringt, ärgere ich mich eher als dass ich mich freue.

10

Tolles Thema, eröffnet andere Blickrichtungen!

11

Hilffeeeee,

wie kann ich ALT-Text bei Bildern machen?? Gibt es dafür ein Programm? Oder muß ich das unbedingt im code machen??