JavaScript Notfications für Bootstrap oder jQuery UI

PNotify
Kommentare

Das JavaScript Notification Plug-in PNotify kann in allen führenden Browsern eingesetzt werden und stellt ein konsistentes Interface bereit. Man kann damit Non-Blocking Notices erstellen, die es dem User

Das JavaScript Notification Plug-in PNotify kann in allen führenden Browsern eingesetzt werden und stellt ein konsistentes Interface bereit. Man kann damit Non-Blocking Notices erstellen, die es dem User erlauben, Elemente hinter  der Notice anzuklicken, ohne das diese vorhin weggeklickt werden muss. Unter der Vewendung von entweder Bootstrap oder jQuery UI kann man das Look & Feel von PNotify stylen und themen. Dafür wird entweder das ThemeRoller Tool oder Bootswatchr empfohlen. Soll die Customization noch ausgefeilter sein, gibt es auch widget-spezifische Klassenreferenzen im jquery.pnotify.default.css-Stylesheet, die modifiziert werden können.

Zu den Features von PNotify gehören und anderem:

  • Grafische Features und Effekte Darunter sind jQuery UI, Bootstrap, PIcon und weitere CSS-basierte Icons, getimtes Verstecken mit visuellen Effekten, Standard- und Cuztomized Effekte etc.
  • Ein anpassbares UI Man kann zum Beispiel Sticky Notices einfügen und es gibt drei verschiedeneArten der Notification: Notice, Info und Error.
  • Feature-reiches API Das API unterstützt das dynamische Updaten von Text, Title, Icon, Type etc. sowie HTML (inklusive Forms) in Title und Text. Ebenso ist es möglich, HTML zu escapen, um XSS-Attacken zu verhindern. Darüber hinaus sind Callbacks für Events möglich und ein History Viewer erlaubt es Usern vorherige Notices erneut anzuschauen.

Alle Infos sowie einfache und fortgeschrittene Demos findet ihr auf der offiziellen Projektseite. PNotify steht unter GPL-, LGPL-, and MPL-Lizenz und soll somit Inkompatibilität mit anderen Open-Source-Lizensen vorbeugen.

Aufmacherbild: Paper note pinned to a cork notice board with the phrase Useful Stuff typed onto it von Shutterstock / Urheberrecht: Thinglass

Unsere Redaktion empfiehlt:

Relevante Beiträge

Meinungen zu diesem Beitrag

X
- Gib Deinen Standort ein -
- or -