This is the development site. It's a playground for
bleeding edge features and code that probably won't
work. You should head over to the
Main Site
About
Pines Notify is a JavaScript notification plugin, developed
by Hunter Perrin as part of
Pines.
It is designed to provide an unparalleled level of
flexibility, while still being very easy to implement and
use.
Cross-Browser
Pines Notify works in all major browsers and provides
a consistent interface. It is tested thoroughly for
consistency.
Unobtrusive
Pines Notify can provide non-blocking notices.
This allows the user to click elements behind the notice without
even having to dismiss it.
Pines Notify uses the jQuery UI CSS library for styling, which
means it is fully and easily themeable. Try out some of the
readymade themes using the selector in the top right corner
of this page.
Completely Open
Pines Notify is distributed under the
GPL,
LGPL,
and
MPL.
This triple copyleft licensing model avoids
incompatibility with other open source licenses.
Did you know?
This is the stable site. You can download code here that's
tested and proven to work. However, if you like to live
dangerously, you can also check out the
development site.
Supports HTML (including forms) in title and text.
Can also escape HTML to prevent XSS attack.
Callbacks for various events, which can cancel said events.
History viewer allows user to review previous notices.
Simple Demos
Advanced Demos
As you can see, I don't allow HTML in my content.
This prevents things like cross site scripting attacks:
< This is how you make it look like Apple Growl.
Examples of Custom Stacks
Top Left. Moves down, then right. Pushes to stack top.
Bottom Left. Moves right, then up. Pushes to stack bottom.
Bottom Right. Moves up, then left. Pushes to stack bottom.
Custom. Moves right, then down. Pushes to stack bottom.
Custom. Moves left, then up. Pushes to stack top.
Really Different Stacks
Top bar style. (Like Old Microsoft Notification Bars.) Moves down, then right. Pushes to stack top.
Bottom bar style. (Like New Microsoft Notification Bars.) Moves down, then right. Pushes to stack top.
Tooltip
Timer
Current Timer:
Benchmarking
Effects built in to jQuery
Effects from jQuery UI
Presets:
In:
Effect
Easing
Out:
Effect
Easing
Speed (ms):
Custom Functions (Uses CSS3)
Consuming the Alert Function
This isn't really a feature of Pines Notify, but it's cool.
Repeat step 1.
Theming
The Pines Notify plugin uses the jQuery UI CSS Framework to
style its look and feel, including colors and background
textures. We recommend using the ThemeRoller tool to create
and download custom themes that are easy to build and
maintain.
If a deeper level of customization is needed, there are
widget-specific classes referenced within the
jquery.pnotify.default.css stylesheet that can be modified.
These classes are highlighted in bold below.
Sample markup with jQuery UI CSS Framework classes
Comments