jQuery

jQuery: Notification-Leisten und Tooltipps mit Notify und Gips

11. Juli 2012
von

Benachrichtigungsleisten erfreuen sich nicht erst seit Android und dem Nachbau unter iOS erhöhter Popularität. Am oberen Browserrand einblendende Nachrichtenleisten können flexibel eingesetzt werden und sorgen in jedem Falle für hohe Aufmerksamkeit. Ähnlich populär sind Tooltips, die an anderen Elementen, zumeist Formulareingabefeldern, kurze, aber wichtige Zusatzinfos liefern. Heute stellen wir für beide Anwendungsbereiche je ein einfaches jQuery-Plugin vor. Es handelt sich um Gips und Notify, die beide ihren Ursprung auf Greepit.com fanden.

Notify: Benachrichtigungsleisten für alle Fälle

Das Plugin Notify! bietet vier verschiedene Arten von Nachrichtenleisten. Diese können ständig sichtbar oder mit dem Scrollbalken beweglich, am oberen Browserrand fixiert oder nur auf Klick des Anwenders sichtbar sein. Inhaltlich sind den Leisten keine Grenzen gesetzt. So können sie auch Videos, Bilder oder RSS-Content beherbergen. Optisch sind die Leisten komplett anpassbar, so dass sie sich in jedwedes Design einfügen können.

Notify! steht auf Greepit.com kostenlos zum Download zur Verfügung. Eine Demo findet sich hier.

Gips: Tooltip-Plugin für jedes Farbschema

Das Tooltip-Plugin Gips von eGrappler ist inspiriert von einem PSD-Freebie gleichen Namens aus dem Hause Greepit.com. Unter exakter Umsetzung des Layouts schraubte man ein jQuery-Plugin zusammen, dessen Optik per CSS anpassbar ist, sich aber im Standard am Original orientiert.

Die Tooltipps sind hinsichtlich ihrer Position und Farbgebung frei konfigurierbar. Zudem können viele weitere Parameter eingestellt werden. Der Tooltipp-Content ist allerdings auf Text beschränkt. Ist ein Close-Button gewünscht, kann dies nur über eine Grafik realisiert werden. Das ist heutzutage suboptimal. Als Workaround lässt sich das Anzeigeende per autoHide bestimmen.

Dieter Petereit

ist seit 1994 im Netz unterwegs, aber bereits seit fast 30 Jahren in der IT daheim. Seit 2008 schreibt er für Dr. Web, seit 2012 ist er Chefredakteur des Magazins. Man findet ihn auch auf Twitter und Facebook, aktiver ist er allerdings auf Google+.

2 Kommentare zu „jQuery: Notification-Leisten und Tooltipps mit Notify und Gips

  1. Theo am 11. Juli 2012 um 13:46

    Danke für den Beitrag, ich kannte Gips Nicht.

  2. Karl Marx am 13. Juli 2012 um 22:17

    Nützlich. Finde ich gut.

Ein Kommentar? Schön!

Wir freuen uns immer über Leser, die durch nützliche und konstruktive Beiträge zum Thema eine Diskussion anstoßen oder den Artikel mit weiteren Informationen anreichern. Alle Kommentare werden in diesem Sinne moderiert. Zum Kommentar-Fairplay gehört für uns auch der Einsatz von rel="nofollow". Bitte verwenden Sie zudem als Namen weder eine Domain noch ein spamverdächtiges Wort. Vielen Dank!