6 Javascript Notifications für Mootools,Prototype und jQuery
von Manuel Graf am 26.Mrz 2009, in der Kategorie Scripting
Für alle die ihre kleinen Systemnachrichten wie in Growl OSX im Web vermissen vermissen. Hier eine kleine Sammlung der gängigsten Javascript Notification Plugins für die drei großen Javascript-Frameworks jQuery, Prototype (Scriptaculous) und Mootools.
“Was zum Teufel sind Javascript Notifications? Und was ist bitteschön Growl?” – Ein einfaches Beispiel: Klick mich so oft du willst!
Mootools
Window Growl (ab Mootools 1.1)
Da ich selber hier aus nostalgischen Gründen Mootools benutze zuerst einmal die js Notification Plugins für Mootools
Die Version stammt ursprünglich von Daniel Mota (für Mootools 1.1 oder 1.2.2b), jedoch haben Kai König und ich von Apfelkuh.de diesen auch für Mootools 1.2 verwendbar gemacht, allerdings nur mit einem Style.(download for Mootools 1.2.1)
+ super leichtgewichtig
+ man kann ein Icon übergeben
++ zentrierte growls (nicht in unserer version für 1.2.1)
- man kann nur eine Überschrift, einen Text, ein Icon und eine Zeitspanne mitgeben
- keine Sticky Notes
- nur zwei Zeilen Text, sonst läuft der Text über den unteren Rand hinaus
- man kann den Style nicht mitgeben und nur das Hintergrundbild ändern.
- keine Callbacks
DEMO
Roar (Mootools 1.2)
Roar von Harald K (digitarald.de) ist ein sehr vielseitiges Notification-Tool, das Browserunabhängig funktioniert und verchiedene Modi hat.
+ man kann eine CSS-klasse mitgeben
+ man kann die Growls an einer beliebigen Ecke erscheinen lassen
+ Zeitgesteuerte Events und “Never Ending Feed”
+ Callbacks
- man kann kein Icon mitgeben (nur per CSS).
DEMO: Rechte untere Ecke
jQuery
jQuery Purr
Die Jungs von The Kitchen haben das Plugin jQuery Purr geschrieben. (benötigt jQuery 1.2.6) Es läuft auf IE7+, FF 2+, Safari 3+ (Win) und Opera 9+
+ Stickies
+ Icons
++ Voll Einstellbar: Übergänge, Styles, Bilder
jGrowl
Eine der bisher besten Lösungen bisher erschien mir jGrowl von stanlemon.net
+ Stickies
+ “Close All” – Feature
+ Themes
++ man kann Callbacks erzeugen / vor dem verschwinden Javascript evaluieren
- nicht “intensiv” getestet
Prototype
Growler
Kevin Andre hat dieses power-plugin für Prototype geschrieben. Es kann eigentlich alles was man sich für ein Notification System wünscht. Es gibt 4 vorgefertigte Themes für Notifications, Stickies, CSS-Implementierung, Eventhandling… (benötigt prototype 1.6 und scriptaculous 1.8.1 effects).
+ Einstellbare Styles per CSS
+ Callbacks / Events
+ etliche Arten von verschiedenen Notifications
- /
GoForPlatin Growl
+ Scrolling
+ Hover
- alles andere nicht
- keine Callbacks
- keine Icons
- keine CSS-Unterstützung
Ähnliche Artikel:
Über Manuel Graf
Manuel Graf ist Mediengestalter für Digital- und Printmedien bei iBusiness.de. Er arbeitet seit 6 Jahren mit Photoshop, HTML und CSS und hat sich seit 2 Jahren Kentnisse in Sprachen wie Javascript, Actionscript 3.0, BOIL, PHP, Ruby oder Python angeeignet.
