Open Source / RichFaces · Commits

Commit 6b4c3088bc8f2fc00c1b86b004f0d200d6c1369b

Authored by bernard
1 parent dd3e537c

Fixed problems with TriangleIconDown in jQueryPlugin-sample. 

Fixed jquery.pnotify.js (events detached on hide) both in jQueryPlugin-sample and in notify component.
Inline Side-by-side
Showing 1 changed file with 729 additions and 721 deletions
@@ -8,9 +8,9 @@ @@ -8,9 +8,9 @@
8 */ 8 */
9 9
10 (function($) { 10 (function($) {
11 - var history_handle_top, timer;  
12 - var body;  
13 - var jwindow; 11 + var history_handle_top, timer;
  12 + var body;
  13 + var jwindow;
14 14
15 function $14(element, options) { 15 function $14(element, options) {
16 var attrFn = { 16 var attrFn = {
@@ -27,733 +27,741 @@ @@ -27,733 +27,741 @@
27 for (var key in options) { 27 for (var key in options) {
28 if (jQuery.isFunction(options[key])) { 28 if (jQuery.isFunction(options[key])) {
29 o.bind(key, options[key]); 29 o.bind(key, options[key]);
30 - } else if(key in attrFn) { 30 + } else if (key in attrFn) {
31 o[key](options[key]); 31 o[key](options[key]);
32 } else { 32 } else {
33 o.attr(key, options[key]); 33 o.attr(key, options[key]);
34 } 34 }
35 - }  
36 - return o; 35 + }
  36 + return o;
37 } 37 }
38 - $.extend({  
39 - pnotify_remove_all: function () {  
40 - var body_data = body.data("pnotify");  
41 - /* POA: Added null-check */  
42 - if (body_data && body_data.length) {  
43 - $.each(body_data, function(){  
44 - if (this.pnotify_remove)  
45 - this.pnotify_remove();  
46 - });  
47 - }  
48 - },  
49 - pnotify_position_all: function () {  
50 - if (timer)  
51 - clearTimeout(timer);  
52 - timer = null;  
53 - var body_data = body.data("pnotify");  
54 - if (!body_data || !body_data.length)  
55 - return;  
56 - $.each(body_data, function(){  
57 - var s = this.opts.pnotify_stack;  
58 - if (!s) return;  
59 - if (!s.nextpos1)  
60 - s.nextpos1 = s.firstpos1;  
61 - if (!s.nextpos2)  
62 - s.nextpos2 = s.firstpos2;  
63 - if (!s.addpos2)  
64 - s.addpos2 = 0;  
65 - if (this.css("display") != "none") {  
66 - var curpos1, curpos2;  
67 - var animate = {};  
68 - // Calculate the current pos1 value.  
69 - var csspos1;  
70 - switch (s.dir1) {  
71 - case "down":  
72 - csspos1 = "top";  
73 - break;  
74 - case "up":  
75 - csspos1 = "bottom";  
76 - break;  
77 - case "left":  
78 - csspos1 = "right";  
79 - break;  
80 - case "right":  
81 - csspos1 = "left";  
82 - break;  
83 - }  
84 - curpos1 = parseInt(this.css(csspos1));  
85 - if (isNaN(curpos1))  
86 - curpos1 = 0;  
87 - // Remember the first pos1, so the first visible notice goes there.  
88 - if (typeof s.firstpos1 == "undefined") {  
89 - s.firstpos1 = curpos1;  
90 - s.nextpos1 = s.firstpos1;  
91 - }  
92 - // Calculate the current pos2 value.  
93 - var csspos2;  
94 - switch (s.dir2) {  
95 - case "down":  
96 - csspos2 = "top";  
97 - break;  
98 - case "up":  
99 - csspos2 = "bottom";  
100 - break;  
101 - case "left":  
102 - csspos2 = "right";  
103 - break;  
104 - case "right":  
105 - csspos2 = "left";  
106 - break;  
107 - }  
108 - curpos2 = parseInt(this.css(csspos2));  
109 - if (isNaN(curpos2))  
110 - curpos2 = 0;  
111 - // Remember the first pos2, so the first visible notice goes there.  
112 - if (typeof s.firstpos2 == "undefined") {  
113 - s.firstpos2 = curpos2;  
114 - s.nextpos2 = s.firstpos2;  
115 - }  
116 - // Check that it's not beyond the viewport edge.  
117 - if ((s.dir1 == "down" && s.nextpos1 + this.height() > jwindow.height()) ||  
118 - (s.dir1 == "up" && s.nextpos1 + this.height() > jwindow.height()) ||  
119 - (s.dir1 == "left" && s.nextpos1 + this.width() > jwindow.width()) ||  
120 - (s.dir1 == "right" && s.nextpos1 + this.width() > jwindow.width()) ) {  
121 - // If it is, it needs to go back to the first pos1, and over on pos2.  
122 - s.nextpos1 = s.firstpos1;  
123 - s.nextpos2 += s.addpos2 + 10;  
124 - s.addpos2 = 0;  
125 - }  
126 - // Animate if we're moving on dir2.  
127 - if (s.animation && s.nextpos2 < curpos2) {  
128 - switch (s.dir2) {  
129 - case "down":  
130 - animate.top = s.nextpos2+"px";  
131 - break;  
132 - case "up":  
133 - animate.bottom = s.nextpos2+"px";  
134 - break;  
135 - case "left":  
136 - animate.right = s.nextpos2+"px";  
137 - break;  
138 - case "right":  
139 - animate.left = s.nextpos2+"px";  
140 - break;  
141 - }  
142 - } else  
143 - this.css(csspos2, s.nextpos2+"px");  
144 - // Keep track of the widest/tallest notice in the column/row, so we can push the next column/row.  
145 - switch (s.dir2) {  
146 - case "down":  
147 - case "up":  
148 - if (this.outerHeight(true) > s.addpos2)  
149 - s.addpos2 = this.height();  
150 - break;  
151 - case "left":  
152 - case "right":  
153 - if (this.outerWidth(true) > s.addpos2)  
154 - s.addpos2 = this.width();  
155 - break;  
156 - }  
157 - // Move the notice on dir1.  
158 - if (s.nextpos1) {  
159 - // Animate if we're moving toward the first pos.  
160 - if (s.animation && (curpos1 > s.nextpos1 || animate.top || animate.bottom || animate.right || animate.left)) {  
161 - switch (s.dir1) {  
162 - case "down":  
163 - animate.top = s.nextpos1+"px";  
164 - break;  
165 - case "up":  
166 - animate.bottom = s.nextpos1+"px";  
167 - break;  
168 - case "left":  
169 - animate.right = s.nextpos1+"px";  
170 - break;  
171 - case "right":  
172 - animate.left = s.nextpos1+"px";  
173 - break;  
174 - }  
175 - } else  
176 - this.css(csspos1, s.nextpos1+"px");  
177 - }  
178 - if (animate.top || animate.bottom || animate.right || animate.left)  
179 - this.animate(animate, {duration: 500, queue: false});  
180 - // Calculate the next dir1 position.  
181 - switch (s.dir1) {  
182 - case "down":  
183 - case "up":  
184 - s.nextpos1 += this.height() + 10;  
185 - break;  
186 - case "left":  
187 - case "right":  
188 - s.nextpos1 += this.width() + 10;  
189 - break;  
190 - }  
191 - }  
192 - });  
193 - // Reset the next position data.  
194 - $.each(body_data, function(){  
195 - var s = this.opts.pnotify_stack;  
196 - if (!s) return;  
197 - s.nextpos1 = s.firstpos1;  
198 - s.nextpos2 = s.firstpos2;  
199 - s.addpos2 = 0;  
200 - s.animation = true;  
201 - });  
202 - },  
203 - pnotify: function(options) {  
204 - if (!body)  
205 - body = $("body");  
206 - if (!jwindow)  
207 - jwindow = $(window);  
208 -  
209 - var animating;  
210 -  
211 - // Build main options.  
212 - var opts;  
213 - if (typeof options != "object") {  
214 - opts = $.extend({}, $.pnotify.defaults);  
215 - opts.pnotify_text = options;  
216 - } else {  
217 - opts = $.extend({}, $.pnotify.defaults, options); 38 +
  39 + $.extend({
  40 + pnotify_remove_all: function () {
  41 + var body_data = body.data("pnotify");
  42 + /* POA: Added null-check */
  43 + if (body_data && body_data.length) {
  44 + $.each(body_data, function() {
  45 + if (this.pnotify_remove)
  46 + this.pnotify_remove();
  47 + });
  48 + }
  49 + },
  50 + pnotify_position_all: function () {
  51 + if (timer)
  52 + clearTimeout(timer);
  53 + timer = null;
  54 + var body_data = body.data("pnotify");
  55 + if (!body_data || !body_data.length)
  56 + return;
  57 + $.each(body_data, function() {
  58 + var s = this.opts.pnotify_stack;
  59 + if (!s) return;
  60 + if (!s.nextpos1)
  61 + s.nextpos1 = s.firstpos1;
  62 + if (!s.nextpos2)
  63 + s.nextpos2 = s.firstpos2;
  64 + if (!s.addpos2)
  65 + s.addpos2 = 0;
  66 + if (this.css("display") != "none") {
  67 + var curpos1, curpos2;
  68 + var animate = {};
  69 + // Calculate the current pos1 value.
  70 + var csspos1;
  71 + switch (s.dir1) {
  72 + case "down":
  73 + csspos1 = "top";
  74 + break;
  75 + case "up":
  76 + csspos1 = "bottom";
  77 + break;
  78 + case "left":
  79 + csspos1 = "right";
  80 + break;
  81 + case "right":
  82 + csspos1 = "left";
  83 + break;
  84 + }
  85 + curpos1 = parseInt(this.css(csspos1));
  86 + if (isNaN(curpos1))
  87 + curpos1 = 0;
  88 + // Remember the first pos1, so the first visible notice goes there.
  89 + if (typeof s.firstpos1 == "undefined") {
  90 + s.firstpos1 = curpos1;
  91 + s.nextpos1 = s.firstpos1;
  92 + }
  93 + // Calculate the current pos2 value.
  94 + var csspos2;
  95 + switch (s.dir2) {
  96 + case "down":
  97 + csspos2 = "top";
  98 + break;
  99 + case "up":
  100 + csspos2 = "bottom";
  101 + break;
  102 + case "left":
  103 + csspos2 = "right";
  104 + break;
  105 + case "right":
  106 + csspos2 = "left";
  107 + break;
  108 + }
  109 + curpos2 = parseInt(this.css(csspos2));
  110 + if (isNaN(curpos2))
  111 + curpos2 = 0;
  112 + // Remember the first pos2, so the first visible notice goes there.
  113 + if (typeof s.firstpos2 == "undefined") {
  114 + s.firstpos2 = curpos2;
  115 + s.nextpos2 = s.firstpos2;
  116 + }
  117 + // Check that it's not beyond the viewport edge.
  118 + if ((s.dir1 == "down" && s.nextpos1 + this.height() > jwindow.height()) ||
  119 + (s.dir1 == "up" && s.nextpos1 + this.height() > jwindow.height()) ||
  120 + (s.dir1 == "left" && s.nextpos1 + this.width() > jwindow.width()) ||
  121 + (s.dir1 == "right" && s.nextpos1 + this.width() > jwindow.width())) {
  122 + // If it is, it needs to go back to the first pos1, and over on pos2.
  123 + s.nextpos1 = s.firstpos1;
  124 + s.nextpos2 += s.addpos2 + 10;
  125 + s.addpos2 = 0;
  126 + }
  127 + // Animate if we're moving on dir2.
  128 + if (s.animation && s.nextpos2 < curpos2) {
  129 + switch (s.dir2) {
  130 + case "down":
  131 + animate.top = s.nextpos2 + "px";
  132 + break;
  133 + case "up":
  134 + animate.bottom = s.nextpos2 + "px";
  135 + break;
  136 + case "left":
  137 + animate.right = s.nextpos2 + "px";
  138 + break;
  139 + case "right":
  140 + animate.left = s.nextpos2 + "px";
  141 + break;
  142 + }
  143 + } else
  144 + this.css(csspos2, s.nextpos2 + "px");
  145 + // Keep track of the widest/tallest notice in the column/row, so we can push the next column/row.
  146 + switch (s.dir2) {
  147 + case "down":
  148 + case "up":
  149 + if (this.outerHeight(true) > s.addpos2)
  150 + s.addpos2 = this.height();
  151 + break;
  152 + case "left":
  153 + case "right":
  154 + if (this.outerWidth(true) > s.addpos2)
  155 + s.addpos2 = this.width();
  156 + break;
  157 + }
  158 + // Move the notice on dir1.
  159 + if (s.nextpos1) {
  160 + // Animate if we're moving toward the first pos.
  161 + if (s.animation && (curpos1 > s.nextpos1 || animate.top || animate.bottom || animate.right || animate.left)) {
  162 + switch (s.dir1) {
  163 + case "down":
  164 + animate.top = s.nextpos1 + "px";
  165 + break;
  166 + case "up":
  167 + animate.bottom = s.nextpos1 + "px";
  168 + break;
  169 + case "left":
  170 + animate.right = s.nextpos1 + "px";
  171 + break;
  172 + case "right":
  173 + animate.left = s.nextpos1 + "px";
  174 + break;
  175 + }
  176 + } else
  177 + this.css(csspos1, s.nextpos1 + "px");
  178 + }
  179 + if (animate.top || animate.bottom || animate.right || animate.left)
  180 + this.animate(animate, {duration: 500, queue: false});
  181 + // Calculate the next dir1 position.
  182 + switch (s.dir1) {
  183 + case "down":
  184 + case "up":
  185 + s.nextpos1 += this.height() + 10;
  186 + break;
  187 + case "left":
  188 + case "right":
  189 + s.nextpos1 += this.width() + 10;
  190 + break;
  191 + }
  192 + }
  193 + });
  194 + // Reset the next position data.
  195 + $.each(body_data, function() {
  196 + var s = this.opts.pnotify_stack;
  197 + if (!s) return;
  198 + s.nextpos1 = s.firstpos1;
  199 + s.nextpos2 = s.firstpos2;
  200 + s.addpos2 = 0;
  201 + s.animation = true;
  202 + });
  203 + },
  204 + pnotify: function(options) {
  205 + if (!body)
  206 + body = $("body");
  207 + if (!jwindow)
  208 + jwindow = $(window);
  209 +
  210 + var animating;
  211 +
  212 + // Build main options.
  213 + var opts;
  214 + if (typeof options != "object") {
  215 + opts = $.extend({}, $.pnotify.defaults);
  216 + opts.pnotify_text = options;
  217 + } else {
  218 + opts = $.extend({}, $.pnotify.defaults, options);
218 if (opts['pnotify_animation'] instanceof Object) { 219 if (opts['pnotify_animation'] instanceof Object) {
219 opts['pnotify_animation'] = $.extend({ 220 opts['pnotify_animation'] = $.extend({
220 effect_in:$.pnotify.defaults.pnotify_animation, 221 effect_in:$.pnotify.defaults.pnotify_animation,
221 effect_out:$.pnotify.defaults.pnotify_animation 222 effect_out:$.pnotify.defaults.pnotify_animation
222 }, opts['pnotify_animation']); 223 }, opts['pnotify_animation']);
223 } 224 }
224 - }  
225 -  
226 - if (opts.pnotify_before_init) {  
227 - if (opts.pnotify_before_init(opts) === false)  
228 - return null;  
229 - }  
230 -  
231 - // This keeps track of the last element the mouse was over, so  
232 - // mouseleave, mouseenter, etc can be called.  
233 - var nonblock_last_elem;  
234 - // This is used to pass events through the notice if it is non-blocking.  
235 - var nonblock_pass = function(e, e_name){  
236 - pnotify.css("display", "none");  
237 - var element_below = document.elementFromPoint(e.clientX, e.clientY);  
238 - pnotify.css("display", "block");  
239 - var jelement_below = $(element_below);  
240 - var cursor_style = jelement_below.css("cursor");  
241 - pnotify.css("cursor", cursor_style != "auto" ? cursor_style : "default");  
242 - // If the element changed, call mouseenter, mouseleave, etc.  
243 - if (!nonblock_last_elem || nonblock_last_elem.get(0) != element_below) {  
244 - if (nonblock_last_elem) {  
245 - dom_event.call(nonblock_last_elem.get(0), "mouseleave", e.originalEvent);  
246 - dom_event.call(nonblock_last_elem.get(0), "mouseout", e.originalEvent);  
247 - }  
248 - dom_event.call(element_below, "mouseenter", e.originalEvent);  
249 - dom_event.call(element_below, "mouseover", e.originalEvent);  
250 - }  
251 - dom_event.call(element_below, e_name, e.originalEvent);  
252 - // Remember the latest element the mouse was over.  
253 - nonblock_last_elem = jelement_below;  
254 - };  
255 -  
256 - // Create our widget.  
257 - // Stop animation, reset the removal timer, and show the close  
258 - // button when the user mouses over.  
259 - var pnotify = $14("<div />", {  
260 - "class": "rf-ny "+opts.pnotify_addclass,  
261 - "css": {"display": "none"},  
262 - "mouseenter": function(e){  
263 - if (opts.pnotify_nonblock) e.stopPropagation();  
264 - if (opts.pnotify_mouse_reset && animating == "out") {  
265 - // If it's animating out, animate back in really quick.  
266 - pnotify.stop(true);  
267 - pnotify.css("height", "auto").animate({"width": opts.pnotify_width, "opacity": opts.pnotify_nonblock ? opts.pnotify_nonblock_opacity : opts.pnotify_opacity}, "fast");  
268 - } else if (opts.pnotify_nonblock && animating != "out") {  
269 - // If it's non-blocking, animate to the other opacity.  
270 - pnotify.animate({"opacity": opts.pnotify_nonblock_opacity}, "fast");  
271 - }  
272 - if (opts.pnotify_hide && opts.pnotify_mouse_reset) pnotify.pnotify_cancel_remove();  
273 - if (opts.pnotify_closer && !opts.pnotify_nonblock) pnotify.closer.show();  
274 - },  
275 - "mouseleave": function(e){  
276 - if (opts.pnotify_nonblock) e.stopPropagation();  
277 - nonblock_last_elem = null;  
278 - pnotify.css("cursor", "auto");  
279 - if (opts.pnotify_nonblock && animating != "out")  
280 - pnotify.animate({"opacity": opts.pnotify_opacity}, "fast");  
281 - if (opts.pnotify_hide && opts.pnotify_mouse_reset) pnotify.pnotify_queue_remove();  
282 - pnotify.closer.hide();  
283 - $.pnotify_position_all();  
284 - },  
285 - "mouseover": function(e){  
286 - if (opts.pnotify_nonblock) e.stopPropagation();  
287 - },  
288 - "mouseout": function(e){  
289 - if (opts.pnotify_nonblock) e.stopPropagation();  
290 - },  
291 - "mousemove": function(e){  
292 - if (opts.pnotify_nonblock) {  
293 - e.stopPropagation();  
294 - nonblock_pass(e, "onmousemove");  
295 - }  
296 - },  
297 - "mousedown": function(e){  
298 - if (opts.pnotify_nonblock) {  
299 - e.stopPropagation();  
300 - e.preventDefault();  
301 - nonblock_pass(e, "onmousedown");  
302 - }  
303 - },  
304 - "mouseup": function(e){  
305 - if (opts.pnotify_nonblock) {  
306 - e.stopPropagation();  
307 - e.preventDefault();  
308 - nonblock_pass(e, "onmouseup");  
309 - }  
310 - },  
311 - "click": function(e){  
312 - if (opts.pnotify_nonblock) {  
313 - e.stopPropagation();  
314 - nonblock_pass(e, "onclick");  
315 - }  
316 - },  
317 - "dblclick": function(e){  
318 - if (opts.pnotify_nonblock) {  
319 - e.stopPropagation();  
320 - nonblock_pass(e, "ondblclick");  
321 - }  
322 - }  
323 - });  
324 - pnotify.opts = opts;  
325 - // Create a drop shadow.  
326 - if (opts.pnotify_shadow && !$.browser.msie)  
327 - pnotify.shadow_container = $14("<div />", {"class": "rf-ny-sh"}).prependTo(pnotify);  
328 - // Create a container for the notice contents.  
329 - pnotify.container = $14("<div />", {"class": "rf-ny-co"})  
330 - .appendTo(pnotify);  
331 -  
332 - pnotify.pnotify_version = "1.0.0";  
333 -  
334 - // This function is for updating the notice.  
335 - pnotify.pnotify = function(options) {  
336 - // Update the notice.  
337 - var old_opts = opts;  
338 - if (typeof options == "string")  
339 - opts.pnotify_text = options;  
340 - else  
341 - opts = $.extend({}, opts, options);  
342 - pnotify.opts = opts;  
343 - // Update the shadow.  
344 - if (opts.pnotify_shadow != old_opts.pnotify_shadow) {  
345 - if (opts.pnotify_shadow && !$.browser.msie)  
346 - pnotify.shadow_container = $14("<div />", {"class": "rf-ny-sh"}).prependTo(pnotify);  
347 - else  
348 - pnotify.children(".rf-ny-sh").remove();  
349 - }  
350 - // Update the additional classes.  
351 - if (opts.pnotify_addclass === false)  
352 - pnotify.removeClass(old_opts.pnotify_addclass);  
353 - else if (opts.pnotify_addclass !== old_opts.pnotify_addclass)  
354 - pnotify.removeClass(old_opts.pnotify_addclass).addClass(opts.pnotify_addclass);  
355 - // Update the title.  
356 - if (opts.pnotify_title === false)  
357 - pnotify.title_container.hide("fast");  
358 - else if (opts.pnotify_title !== old_opts.pnotify_title)  
359 - pnotify.title_container.html(opts.pnotify_title).show(200);  
360 - // Update the text.  
361 - if (opts.pnotify_text === false) {  
362 - pnotify.text_container.hide("fast");  
363 - } else if (opts.pnotify_text !== old_opts.pnotify_text) {  
364 - if (opts.pnotify_insert_brs)  
365 - opts.pnotify_text = opts.pnotify_text.replace(/\n/g, "<br />");  
366 - pnotify.text_container.html(opts.pnotify_text).show(200);  
367 - }  
368 - pnotify.pnotify_history = opts.pnotify_history;  
369 - // Change the notice type.  
370 - if (opts.pnotify_type != old_opts.pnotify_type)  
371 - pnotify.container.toggleClass("rf-ny-co rf-ny-co-hover");  
372 - if ((opts.pnotify_notice_icon != old_opts.pnotify_notice_icon && opts.pnotify_type == "notice") ||  
373 - (opts.pnotify_error_icon != old_opts.pnotify_error_icon && opts.pnotify_type == "error") ||  
374 - (opts.pnotify_type != old_opts.pnotify_type)) {  
375 - // Remove any old icon.  
376 - pnotify.container.find("div.rf-ny-ic").remove();  
377 -// if ((opts.pnotify_error_icon && opts.pnotify_type == "error") || (opts.pnotify_notice_icon)) {  
378 - // Build the new icon.  
379 - $14("<div />", {"class": "rf-ny-ic"})  
380 - .append($14("<span />", {"class": opts.pnotify_type == "error" ? opts.pnotify_error_icon : opts.pnotify_notice_icon}))  
381 - .prependTo(pnotify.container);  
382 -// }  
383 - }  
384 - // Update the width.  
385 - if (opts.pnotify_width !== old_opts.pnotify_width)  
386 - pnotify.animate({width: opts.pnotify_width});  
387 - // Update the minimum height.  
388 - if (opts.pnotify_min_height !== old_opts.pnotify_min_height)  
389 - pnotify.container.animate({minHeight: opts.pnotify_min_height});  
390 - // Update the opacity.  
391 - if (opts.pnotify_opacity !== old_opts.pnotify_opacity)  
392 - pnotify.fadeTo(opts.pnotify_animate_speed, opts.pnotify_opacity);  
393 - if (!opts.pnotify_hide)  
394 - pnotify.pnotify_cancel_remove();  
395 - else if (!old_opts.pnotify_hide)  
396 - pnotify.pnotify_queue_remove();  
397 - pnotify.pnotify_queue_position();  
398 - return pnotify;  
399 - };  
400 -  
401 - // Queue the position function so it doesn't run repeatedly and use  
402 - // up resources.  
403 - pnotify.pnotify_queue_position = function() {  
404 - if (timer)  
405 - clearTimeout(timer);  
406 - timer = setTimeout($.pnotify_position_all, 10);  
407 - };  
408 -  
409 - // Display the notice.  
410 - pnotify.pnotify_display = function() {  
411 - // If the notice is not in the DOM, append it.  
412 - if (!pnotify.parent().length)  
413 - pnotify.appendTo(body);  
414 - // Run callback.  
415 - if (opts.pnotify_before_open) {  
416 - if (opts.pnotify_before_open(pnotify) === false)  
417 - return;  
418 - }  
419 - pnotify.pnotify_queue_position();  
420 - // First show it, then set its opacity, then hide it.  
421 - if (opts.pnotify_animation == "fade" || opts.pnotify_animation.effect_in == "fade") {  
422 - // If it's fading in, it should start at 0.  
423 - pnotify.show().fadeTo(0, 0).hide();  
424 - } else {  
425 - // Or else it should be set to the opacity.  
426 - if (opts.pnotify_opacity != 1)  
427 - pnotify.show().fadeTo(0, opts.pnotify_opacity).hide();  
428 - }  
429 - pnotify.animate_in(function(){  
430 - if (opts.pnotify_after_open)  
431 - opts.pnotify_after_open(pnotify);  
432 -  
433 - pnotify.pnotify_queue_position();  
434 -  
435 - // Now set it to hide.  
436 - if (opts.pnotify_hide)  
437 - pnotify.pnotify_queue_remove();  
438 - });  
439 - };  
440 -  
441 - // Remove the notice.  
442 - pnotify.pnotify_remove = function() {  
443 - if (pnotify.timer) {  
444 - window.clearTimeout(pnotify.timer);  
445 - pnotify.timer = null;  
446 - }  
447 - // Run callback.  
448 - if (opts.pnotify_before_close) {  
449 - if (opts.pnotify_before_close(pnotify) === false)  
450 - return;  
451 - }  
452 - pnotify.animate_out(function(){  
453 - if (opts.pnotify_after_close) {  
454 - if (opts.pnotify_after_close(pnotify) === false)  
455 - return;  
456 - }  
457 - pnotify.pnotify_queue_position();  
458 - // If we're supposed to remove the notice from the DOM, do it.  
459 - if (opts.pnotify_remove)  
460 - pnotify.remove();  
461 - });  
462 - };  
463 -  
464 - // Animate the notice in.  
465 - pnotify.animate_in = function(callback){  
466 - // Declare that the notice is animating in. (Or has completed animating in.)  
467 - animating = "in";  
468 - var animation;  
469 - if (typeof opts.pnotify_animation.effect_in != "undefined")  
470 - animation = opts.pnotify_animation.effect_in;  
471 - else  
472 - animation = opts.pnotify_animation;  
473 - if (animation == "none") {  
474 - pnotify.show();  
475 - callback();  
476 - } else if (animation == "show")  
477 - pnotify.show(opts.pnotify_animate_speed, callback);  
478 - else if (animation == "fade")  
479 - pnotify.show().fadeTo(opts.pnotify_animate_speed, opts.pnotify_opacity, callback);  
480 - else if (animation == "slide")  
481 - pnotify.slideDown(opts.pnotify_animate_speed, callback);  
482 - else if (typeof animation == "function")  
483 - animation("in", callback, pnotify);  
484 - else if (pnotify.effect)  
485 - pnotify.effect(animation, {}, opts.pnotify_animate_speed, callback);  
486 - };  
487 -  
488 - // Animate the notice out.  
489 - pnotify.animate_out = function(callback){  
490 - // Declare that the notice is animating out. (Or has completed animating out.)  
491 - animating = "out";  
492 - var animation;  
493 - if (typeof opts.pnotify_animation.effect_out != "undefined")  
494 - animation = opts.pnotify_animation.effect_out;  
495 - else  
496 - animation = opts.pnotify_animation;  
497 - if (animation == "none") {  
498 - pnotify.hide();  
499 - callback();  
500 - } else if (animation == "show")  
501 - pnotify.hide(opts.pnotify_animate_speed, callback);  
502 - else if (animation == "fade")  
503 - pnotify.fadeOut(opts.pnotify_animate_speed, callback);  
504 - else if (animation == "slide")  
505 - pnotify.slideUp(opts.pnotify_animate_speed, callback);  
506 - else if (typeof animation == "function")  
507 - animation("out", callback, pnotify);  
508 - else if (pnotify.effect)  
509 - pnotify.effect(animation, {}, opts.pnotify_animate_speed, callback);  
510 - };  
511 -  
512 - // Cancel any pending removal timer.  
513 - pnotify.pnotify_cancel_remove = function() {  
514 - if (pnotify.timer)  
515 - window.clearTimeout(pnotify.timer);  
516 - };  
517 -  
518 - // Queue a removal timer.  
519 - pnotify.pnotify_queue_remove = function() {  
520 - // Cancel any current removal timer.  
521 - pnotify.pnotify_cancel_remove();  
522 - pnotify.timer = window.setTimeout(function(){  
523 - pnotify.pnotify_remove();  
524 - }, (isNaN(opts.pnotify_delay) ? 0 : opts.pnotify_delay));  
525 - };  
526 -  
527 - // Provide a button to close the notice.  
528 - pnotify.closer = $14("<div />", {  
529 - "class": "rf-ny-cl",  
530 - "css": {"cursor": "pointer", "display": "none"},  
531 - "click": function(){  
532 - pnotify.pnotify_remove();  
533 - pnotify.closer.hide();  
534 - }  
535 - })  
536 - .append($14("<span />", {"class": "rf-ny-cl-ic"}))  
537 - .appendTo(pnotify.container);  
538 -  
539 - // Add the appropriate icon.  
540 -// if ((opts.pnotify_error_icon && opts.pnotify_type == "error") || (opts.pnotify_notice_icon)) {  
541 - $14("<div />", {"class": "rf-ny-ic"})  
542 - .append($14("<span />", {"class": opts.pnotify_type == "error" ? opts.pnotify_error_icon : opts.pnotify_notice_icon}))  
543 - .appendTo(pnotify.container);  
544 -// }  
545 -  
546 - // Add a title.  
547 - pnotify.title_container = $14("<div />", {  
548 - "class": "rf-ny-tl",  
549 - "html": opts.pnotify_title  
550 - })  
551 - .appendTo(pnotify.container);  
552 - if (opts.pnotify_title === false)  
553 - pnotify.title_container.hide();  
554 -  
555 - // Replace new lines with HTML line breaks.  
556 - if (opts.pnotify_insert_brs && typeof opts.pnotify_text == "string")  
557 - opts.pnotify_text = opts.pnotify_text.replace(/\n/g, "<br />");  
558 - // Add text.  
559 - pnotify.text_container = $14("<div />", {  
560 - "class": "rf-ny-te",  
561 - "html": opts.pnotify_text  
562 - })  
563 - .appendTo(pnotify.container);  
564 - if (opts.pnotify_text === false)  
565 - pnotify.text_container.hide();  
566 -  
567 - // Set width and min height.  
568 - if (typeof opts.pnotify_width == "string")  
569 - pnotify.css("width", opts.pnotify_width);  
570 - if (typeof opts.pnotify_min_height == "string")  
571 - pnotify.container.css("min-height", opts.pnotify_min_height);  
572 -  
573 - // The history variable controls whether the notice gets redisplayed  
574 - // by the history pull down.  
575 - pnotify.pnotify_history = opts.pnotify_history;  
576 -  
577 - // Add the notice to the notice array.  
578 - var body_data = body.data("pnotify");  
579 - if (body_data == null || typeof body_data != "object")  
580 - body_data = [];  
581 - if (opts.pnotify_stack.push == "top")  
582 - body_data = $.merge([pnotify], body_data);  
583 - else  
584 - body_data = $.merge(body_data, [pnotify]);  
585 - body.data("pnotify", body_data);  
586 -  
587 - // Run callback.  
588 - if (opts.pnotify_after_init)  
589 - opts.pnotify_after_init(pnotify);  
590 -  
591 - if (opts.pnotify_history) {  
592 - // If there isn't a history pull down, create one.  
593 - var body_history = body.data("pnotify_history");  
594 - if (typeof body_history == "undefined") {  
595 - body_history = $14("<div />", {  
596 - "class": "rf-ny-hc",  
597 - "mouseleave": function(){  
598 - body_history.animate({top: "-"+history_handle_top+"px"}, {duration: 100, queue: false});  
599 - }  
600 - })  
601 - .append($14("<div />", {"class": "rf-ny-hh", "text": "Redisplay"}))  
602 - .append($14("<button />", {  
603 - "class": "rf-ny-ha",  
604 - "text": "All",  
605 -// "mouseenter": function(){  
606 -// $(this).addClass("ui-state-hover");  
607 -// },  
608 -// "mouseleave": function(){  
609 -// $(this).removeClass("ui-state-hover");  
610 -// },  
611 - "click": function(){  
612 - // Display all notices. (Disregarding non-history notices.)  
613 - $.each(body.data("pnotify"), function(){  
614 - if (this.pnotify_history && this.pnotify_display)  
615 - this.pnotify_display();  
616 - });  
617 - return false;  
618 - }  
619 - }))  
620 - .append($14("<button />", {  
621 - "class": "rf-ny-hl",  
622 - "text": "Last",  
623 -// "mouseenter": function(){  
624 -// $(this).addClass("ui-state-hover");  
625 -// },  
626 -// "mouseleave": function(){  
627 -// $(this).removeClass("ui-state-hover");  
628 -// },  
629 - "click": function(){  
630 - // Look up the last history notice, and display it.  
631 - var i = 1;  
632 - var body_data = body.data("pnotify");  
633 - while (!body_data[body_data.length - i] || !body_data[body_data.length - i].pnotify_history || body_data[body_data.length - i].is(":visible")) {  
634 - if (body_data.length - i === 0)  
635 - return false;  
636 - i++;  
637 - }  
638 - var n = body_data[body_data.length - i];  
639 - if (n.pnotify_display)  
640 - n.pnotify_display();  
641 - return false;  
642 - }  
643 - }))  
644 - .appendTo(body);  
645 -  
646 - // Make a handle so the user can pull down the history pull down.  
647 - var handle = $14("<span />", {  
648 - "class": "rf-ny-hp",  
649 - "mouseenter": function(){  
650 - body_history.animate({top: "0"}, {duration: 100, queue: false});  
651 - }  
652 - })  
653 - .appendTo(body_history);  
654 -  
655 - // Get the top of the handle.  
656 - history_handle_top = handle.offset().top + 2;  
657 - // Hide the history pull down up to the top of the handle.  
658 - body_history.css({top: "-"+history_handle_top+"px"});  
659 - // Save the history pull down.  
660 - body.data("pnotify_history", body_history);  
661 - }  
662 - }  
663 -  
664 - // Mark the stack so it won't animate the new notice.  
665 - opts.pnotify_stack.animation = false;  
666 -  
667 - // Display the notice.  
668 - pnotify.pnotify_display();  
669 -  
670 - return pnotify;  
671 - }  
672 - });  
673 -  
674 - // Some useful regexes.  
675 - var re_on = /^on/;  
676 - var re_mouse_events = /^(dbl)?click$|^mouse(move|down|up|over|out|enter|leave)$|^contextmenu$/;  
677 - var re_ui_events = /^(focus|blur|select|change|reset)$|^key(press|down|up)$/;  
678 - var re_html_events = /^(scroll|resize|(un)?load|abort|error)$/;  
679 - // Fire a DOM event.  
680 - var dom_event = function(e, orig_e){  
681 - var event_object;  
682 - e = e.toLowerCase();  
683 - if (document.createEvent && this.dispatchEvent) {  
684 - // FireFox, Opera, Safari, Chrome  
685 - e = e.replace(re_on, '');  
686 - if (e.match(re_mouse_events)) {  
687 - // This allows the click event to fire on the notice. There is  
688 - // probably a much better way to do it.  
689 - $(this).offset();  
690 - event_object = document.createEvent("MouseEvents");  
691 - event_object.initMouseEvent(  
692 - e, orig_e.bubbles, orig_e.cancelable, orig_e.view, orig_e.detail,  
693 - orig_e.screenX, orig_e.screenY, orig_e.clientX, orig_e.clientY,  
694 - orig_e.ctrlKey, orig_e.altKey, orig_e.shiftKey, orig_e.metaKey, orig_e.button, orig_e.relatedTarget  
695 - );  
696 - } else if (e.match(re_ui_events)) {  
697 - event_object = document.createEvent("UIEvents");  
698 - event_object.initUIEvent(e, orig_e.bubbles, orig_e.cancelable, orig_e.view, orig_e.detail);  
699 - } else if (e.match(re_html_events)) {  
700 - event_object = document.createEvent("HTMLEvents");  
701 - event_object.initEvent(e, orig_e.bubbles, orig_e.cancelable);  
702 - }  
703 - if (!event_object) return;  
704 - this.dispatchEvent(event_object);  
705 - } else {  
706 - // Internet Explorer  
707 - if (!e.match(re_on)) e = "on"+e;  
708 - event_object = document.createEventObject(orig_e);  
709 - this.fireEvent(e, event_object);  
710 - }  
711 - };  
712 -  
713 - $.pnotify.defaults = {  
714 - // The notice's title.  
715 - pnotify_title: false,  
716 - // The notice's text.  
717 - pnotify_text: false,  
718 - // Additional classes to be added to the notice. (For custom styling.)  
719 - pnotify_addclass: "",  
720 - // Create a non-blocking notice. It lets the user click elements underneath it.  
721 - pnotify_nonblock: false,  
722 - // The opacity of the notice (if it's non-blocking) when the mouse is over it.  
723 - pnotify_nonblock_opacity: .2,  
724 - // Display a pull down menu to redisplay previous notices, and place the notice in the history.  
725 - pnotify_history: true,  
726 - // Width of the notice.  
727 - pnotify_width: "300px",  
728 - // Minimum height of the notice. It will expand to fit content.  
729 - pnotify_min_height: "16px",  
730 - // Type of the notice. "notice" or "error".  
731 - pnotify_type: "notice",  
732 - // The icon class to use if type is notice.  
733 - pnotify_notice_icon: "",  
734 - // The icon class to use if type is error.  
735 - pnotify_error_icon: "",  
736 - // The animation to use when displaying and hiding the notice. "none", "show", "fade", and "slide" are built in to jQuery. Others require jQuery UI. Use an object with effect_in and effect_out to use different effects.  
737 - pnotify_animation: "fade",  
738 - // Speed at which the notice animates in and out. "slow", "def" or "normal", "fast" or number of milliseconds.  
739 - pnotify_animate_speed: "slow",  
740 - // Opacity of the notice.  
741 - pnotify_opacity: 1,  
742 - // Display a drop shadow.  
743 - pnotify_shadow: false,  
744 - // Provide a button for the user to manually close the notice.  
745 - pnotify_closer: true,  
746 - // After a delay, remove the notice.  
747 - pnotify_hide: true,  
748 - // Delay in milliseconds before the notice is removed.  
749 - pnotify_delay: 8000,  
750 - // Reset the hide timer if the mouse moves over the notice.  
751 - pnotify_mouse_reset: true,  
752 - // Remove the notice's elements from the DOM after it is removed.  
753 - pnotify_remove: true,  
754 - // Change new lines to br tags.  
755 - pnotify_insert_brs: true,  
756 - // The stack on which the notices will be placed. Also controls the direction the notices stack.  
757 - pnotify_stack: {"dir1": "down", "dir2": "left", "push": "bottom"}  
758 - }; 225 + }
  226 +
  227 + if (opts.pnotify_before_init) {
  228 + if (opts.pnotify_before_init(opts) === false)
  229 + return null;
  230 + }
  231 +
  232 + // This keeps track of the last element the mouse was over, so
  233 + // mouseleave, mouseenter, etc can be called.
  234 + var nonblock_last_elem;
  235 + // This is used to pass events through the notice if it is non-blocking.
  236 + var nonblock_pass = function(e, e_name) {
  237 + pnotify.css("display", "none");
  238 + var element_below = document.elementFromPoint(e.clientX, e.clientY);
  239 + pnotify.css("display", "block");
  240 + var jelement_below = $(element_below);
  241 + var cursor_style = jelement_below.css("cursor");
  242 + pnotify.css("cursor", cursor_style != "auto" ? cursor_style : "default");
  243 + // If the element changed, call mouseenter, mouseleave, etc.
  244 + if (!nonblock_last_elem || nonblock_last_elem.get(0) != element_below) {
  245 + if (nonblock_last_elem) {
  246 + dom_event.call(nonblock_last_elem.get(0), "mouseleave", e.originalEvent);
  247 + dom_event.call(nonblock_last_elem.get(0), "mouseout", e.originalEvent);
  248 + }
  249 + dom_event.call(element_below, "mouseenter", e.originalEvent);
  250 + dom_event.call(element_below, "mouseover", e.originalEvent);
  251 + }
  252 + dom_event.call(element_below, e_name, e.originalEvent);
  253 + // Remember the latest element the mouse was over.
  254 + nonblock_last_elem = jelement_below;
  255 + };
  256 +
  257 + // Create our widget.
  258 + // Stop animation, reset the removal timer, and show the close
  259 + // button when the user mouses over.
  260 + var pnotify = $14("<div />", {
  261 + "class": "rf-ny " + opts.pnotify_addclass,
  262 + "css": {"display": "none"},
  263 + "mouseenter": function(e) {
  264 + if (opts.pnotify_nonblock) e.stopPropagation();
  265 + if (opts.pnotify_mouse_reset && animating == "out") {
  266 + // If it's animating out, animate back in really quick.
  267 + pnotify.stop(true);
  268 + pnotify.css("height", "auto").animate({"width": opts.pnotify_width, "opacity": opts.pnotify_nonblock ? opts.pnotify_nonblock_opacity : opts.pnotify_opacity}, "fast");
  269 + } else if (opts.pnotify_nonblock && animating != "out") {
  270 + // If it's non-blocking, animate to the other opacity.
  271 + pnotify.animate({"opacity": opts.pnotify_nonblock_opacity}, "fast");
  272 + }
  273 + if (opts.pnotify_hide && opts.pnotify_mouse_reset) pnotify.pnotify_cancel_remove();
  274 + if (opts.pnotify_closer && !opts.pnotify_nonblock) pnotify.closer.show();
  275 + },
  276 + "mouseleave": function(e) {
  277 + if (opts.pnotify_nonblock) e.stopPropagation();
  278 + nonblock_last_elem = null;
  279 + pnotify.css("cursor", "auto");
  280 + if (opts.pnotify_nonblock && animating != "out")
  281 + pnotify.animate({"opacity": opts.pnotify_opacity}, "fast");
  282 + if (opts.pnotify_hide && opts.pnotify_mouse_reset) pnotify.pnotify_queue_remove();
  283 + pnotify.closer.hide();
  284 + $.pnotify_position_all();
  285 + },
  286 + "mouseover": function(e) {
  287 + if (opts.pnotify_nonblock) e.stopPropagation();
  288 + },
  289 + "mouseout": function(e) {
  290 + if (opts.pnotify_nonblock) e.stopPropagation();
  291 + },
  292 + "mousemove": function(e) {
  293 + if (opts.pnotify_nonblock) {
  294 + e.stopPropagation();
  295 + nonblock_pass(e, "onmousemove");
  296 + }
  297 + },
  298 + "mousedown": function(e) {
  299 + if (opts.pnotify_nonblock) {
  300 + e.stopPropagation();
  301 + e.preventDefault();
  302 + nonblock_pass(e, "onmousedown");
  303 + }
  304 + },
  305 + "mouseup": function(e) {
  306 + if (opts.pnotify_nonblock) {
  307 + e.stopPropagation();
  308 + e.preventDefault();
  309 + nonblock_pass(e, "onmouseup");
  310 + }
  311 + },
  312 + "click": function(e) {
  313 + if (opts.pnotify_nonblock) {
  314 + e.stopPropagation();
  315 + nonblock_pass(e, "onclick");
  316 + }
  317 + },
  318 + "dblclick": function(e) {
  319 + if (opts.pnotify_nonblock) {
  320 + e.stopPropagation();
  321 + nonblock_pass(e, "ondblclick");
  322 + }
  323 + }
  324 + });
  325 + pnotify.opts = opts;
  326 + // Create a drop shadow.
  327 + if (opts.pnotify_shadow && !$.browser.msie)
  328 + pnotify.shadow_container = $14("<div />", {"class": "rf-ny-sh"}).prependTo(pnotify);
  329 + // Create a container for the notice contents.
  330 + pnotify.container = $14("<div />", {"class": "rf-ny-co"})
  331 + .appendTo(pnotify);
  332 +
  333 + pnotify.pnotify_version = "1.0.0";
  334 +
  335 + // This function is for updating the notice.
  336 + pnotify.pnotify = function(options) {
  337 + // Update the notice.
  338 + var old_opts = opts;
  339 + if (typeof options == "string")
  340 + opts.pnotify_text = options;
  341 + else
  342 + opts = $.extend({}, opts, options);
  343 + pnotify.opts = opts;
  344 + // Update the shadow.
  345 + if (opts.pnotify_shadow != old_opts.pnotify_shadow) {
  346 + if (opts.pnotify_shadow && !$.browser.msie)
  347 + pnotify.shadow_container = $14("<div />", {"class": "rf-ny-sh"}).prependTo(pnotify);
  348 + else
  349 + pnotify.children(".rf-ny-sh").remove();
  350 + }
  351 + // Update the additional classes.
  352 + if (opts.pnotify_addclass === false)
  353 + pnotify.removeClass(old_opts.pnotify_addclass);
  354 + else if (opts.pnotify_addclass !== old_opts.pnotify_addclass)
  355 + pnotify.removeClass(old_opts.pnotify_addclass).addClass(opts.pnotify_addclass);
  356 + // Update the title.
  357 + if (opts.pnotify_title === false)
  358 + pnotify.title_container.hide("fast");
  359 + else if (opts.pnotify_title !== old_opts.pnotify_title)
  360 + pnotify.title_container.html(opts.pnotify_title).show(200);
  361 + // Update the text.
  362 + if (opts.pnotify_text === false) {
  363 + pnotify.text_container.hide("fast");
  364 + } else if (opts.pnotify_text !== old_opts.pnotify_text) {
  365 + if (opts.pnotify_insert_brs)
  366 + opts.pnotify_text = opts.pnotify_text.replace(/\n/g, "<br />");
  367 + pnotify.text_container.html(opts.pnotify_text).show(200);
  368 + }
  369 + pnotify.pnotify_history = opts.pnotify_history;
  370 + // Change the notice type.
  371 + if (opts.pnotify_type != old_opts.pnotify_type)
  372 + pnotify.container.toggleClass("rf-ny-co rf-ny-co-hover");
  373 + if ((opts.pnotify_notice_icon != old_opts.pnotify_notice_icon && opts.pnotify_type == "notice") ||
  374 + (opts.pnotify_error_icon != old_opts.pnotify_error_icon && opts.pnotify_type == "error") ||
  375 + (opts.pnotify_type != old_opts.pnotify_type)) {
  376 + // Remove any old icon.
  377 + pnotify.container.find("div.rf-ny-ic").remove();
  378 + // if ((opts.pnotify_error_icon && opts.pnotify_type == "error") || (opts.pnotify_notice_icon)) {
  379 + // Build the new icon.
  380 + $14("<div />", {"class": "rf-ny-ic"})
  381 + .append($14("<span />", {"class": opts.pnotify_type == "error" ? opts.pnotify_error_icon : opts.pnotify_notice_icon}))
  382 + .prependTo(pnotify.container);
  383 + // }
  384 + }
  385 + // Update the width.
  386 + if (opts.pnotify_width !== old_opts.pnotify_width)
  387 + pnotify.animate({width: opts.pnotify_width});
  388 + // Update the minimum height.
  389 + if (opts.pnotify_min_height !== old_opts.pnotify_min_height)
  390 + pnotify.container.animate({minHeight: opts.pnotify_min_height});
  391 + // Update the opacity.
  392 + if (opts.pnotify_opacity !== old_opts.pnotify_opacity)
  393 + pnotify.fadeTo(opts.pnotify_animate_speed, opts.pnotify_opacity);
  394 + if (!opts.pnotify_hide)
  395 + pnotify.pnotify_cancel_remove();
  396 + else if (!old_opts.pnotify_hide)
  397 + pnotify.pnotify_queue_remove();
  398 + pnotify.pnotify_queue_position();
  399 + return pnotify;
  400 + };
  401 +
  402 + // Queue the position function so it doesn't run repeatedly and use
  403 + // up resources.
  404 + pnotify.pnotify_queue_position = function() {
  405 + if (timer)
  406 + clearTimeout(timer);
  407 + timer = setTimeout($.pnotify_position_all, 10);
  408 + };
  409 +
  410 + // Display the notice.
  411 + pnotify.pnotify_display = function() {
  412 + // If the notice is not in the DOM, append it.
  413 + if (!pnotify.parent().length)
  414 + pnotify.appendTo(body);
  415 + // Run callback.
  416 + if (opts.pnotify_before_open) {
  417 + if (opts.pnotify_before_open(pnotify) === false)
  418 + return;
  419 + }
  420 + pnotify.pnotify_queue_position();
  421 + // First show it, then set its opacity, then hide it.
  422 + if (opts.pnotify_animation == "fade" || opts.pnotify_animation.effect_in == "fade") {
  423 + // If it's fading in, it should start at 0.
  424 + pnotify.show().fadeTo(0, 0).hide();
  425 + } else {
  426 + // Or else it should be set to the opacity.
  427 + if (opts.pnotify_opacity != 1)
  428 + pnotify.show().fadeTo(0, opts.pnotify_opacity).hide();
  429 + }
  430 + pnotify.animate_in(function() {
  431 + if (opts.pnotify_after_open)
  432 + opts.pnotify_after_open(pnotify);
  433 +
  434 + pnotify.pnotify_queue_position();
  435 +
  436 + // Now set it to hide.
  437 + if (opts.pnotify_hide)
  438 + pnotify.pnotify_queue_remove();
  439 + });
  440 + };
  441 +
  442 + // Remove the notice.
  443 + pnotify.pnotify_remove = function() {
  444 + if (pnotify.timer) {
  445 + window.clearTimeout(pnotify.timer);
  446 + pnotify.timer = null;
  447 + }
  448 + // Run callback.
  449 + if (opts.pnotify_before_close) {
  450 + if (opts.pnotify_before_close(pnotify) === false)
  451 + return;
  452 + }
  453 + pnotify.animate_out(function() {
  454 + if (opts.pnotify_after_close) {
  455 + if (opts.pnotify_after_close(pnotify) === false)
  456 + return;
  457 + }
  458 + pnotify.pnotify_queue_position();
  459 + // If we're supposed to remove the notice from the DOM, do it.
  460 + if (opts.pnotify_remove) {
  461 + if (opts.pnotify_history) {
  462 + if (pnotify[0].parentNode != null) {
  463 + pnotify[0].parentNode.removeChild(pnotify[0]);
  464 + }
  465 + } else {
  466 + pnotify.remove();
  467 + }
  468 + }
  469 + });
  470 + };
  471 +
  472 + // Animate the notice in.
  473 + pnotify.animate_in = function(callback) {
  474 + // Declare that the notice is animating in. (Or has completed animating in.)
  475 + animating = "in";
  476 + var animation;
  477 + if (typeof opts.pnotify_animation.effect_in != "undefined")
  478 + animation = opts.pnotify_animation.effect_in;
  479 + else
  480 + animation = opts.pnotify_animation;
  481 + if (animation == "none") {
  482 + pnotify.show();
  483 + callback();
  484 + } else if (animation == "show")
  485 + pnotify.show(opts.pnotify_animate_speed, callback);
  486 + else if (animation == "fade")
  487 + pnotify.show().fadeTo(opts.pnotify_animate_speed, opts.pnotify_opacity, callback);
  488 + else if (animation == "slide")
  489 + pnotify.slideDown(opts.pnotify_animate_speed, callback);
  490 + else if (typeof animation == "function")
  491 + animation("in", callback, pnotify);
  492 + else if (pnotify.effect)
  493 + pnotify.effect(animation, {}, opts.pnotify_animate_speed, callback);
  494 + };
  495 +
  496 + // Animate the notice out.
  497 + pnotify.animate_out = function(callback) {
  498 + // Declare that the notice is animating out. (Or has completed animating out.)
  499 + animating = "out";
  500 + var animation;
  501 + if (typeof opts.pnotify_animation.effect_out != "undefined")
  502 + animation = opts.pnotify_animation.effect_out;
  503 + else
  504 + animation = opts.pnotify_animation;
  505 + if (animation == "none") {
  506 + pnotify.hide();
  507 + callback();
  508 + } else if (animation == "show")
  509 + pnotify.hide(opts.pnotify_animate_speed, callback);
  510 + else if (animation == "fade")
  511 + pnotify.fadeOut(opts.pnotify_animate_speed, callback);
  512 + else if (animation == "slide")
  513 + pnotify.slideUp(opts.pnotify_animate_speed, callback);
  514 + else if (typeof animation == "function")
  515 + animation("out", callback, pnotify);
  516 + else if (pnotify.effect)
  517 + pnotify.effect(animation, {}, opts.pnotify_animate_speed, callback);
  518 + };
  519 +
  520 + // Cancel any pending removal timer.
  521 + pnotify.pnotify_cancel_remove = function() {
  522 + if (pnotify.timer)
  523 + window.clearTimeout(pnotify.timer);
  524 + };
  525 +
  526 + // Queue a removal timer.
  527 + pnotify.pnotify_queue_remove = function() {
  528 + // Cancel any current removal timer.
  529 + pnotify.pnotify_cancel_remove();
  530 + pnotify.timer = window.setTimeout(function() {
  531 + pnotify.pnotify_remove();
  532 + }, (isNaN(opts.pnotify_delay) ? 0 : opts.pnotify_delay));
  533 + };
  534 +
  535 + // Provide a button to close the notice.
  536 + pnotify.closer = $14("<div />", {
  537 + "class": "rf-ny-cl",
  538 + "css": {"cursor": "pointer", "display": "none"},
  539 + "click": function() {
  540 + pnotify.pnotify_remove();
  541 + pnotify.closer.hide();
  542 + }
  543 + })
  544 + .append($14("<span />", {"class": "rf-ny-cl-ic"}))
  545 + .appendTo(pnotify.container);
  546 +
  547 + // Add the appropriate icon.
  548 + // if ((opts.pnotify_error_icon && opts.pnotify_type == "error") || (opts.pnotify_notice_icon)) {
  549 + $14("<div />", {"class": "rf-ny-ic"})
  550 + .append($14("<span />", {"class": opts.pnotify_type == "error" ? opts.pnotify_error_icon : opts.pnotify_notice_icon}))
  551 + .appendTo(pnotify.container);
  552 + // }
  553 +
  554 + // Add a title.
  555 + pnotify.title_container = $14("<div />", {
  556 + "class": "rf-ny-tl",
  557 + "html": opts.pnotify_title
  558 + })
  559 + .appendTo(pnotify.container);
  560 + if (opts.pnotify_title === false)
  561 + pnotify.title_container.hide();
  562 +
  563 + // Replace new lines with HTML line breaks.
  564 + if (opts.pnotify_insert_brs && typeof opts.pnotify_text == "string")
  565 + opts.pnotify_text = opts.pnotify_text.replace(/\n/g, "<br />");
  566 + // Add text.
  567 + pnotify.text_container = $14("<div />", {
  568 + "class": "rf-ny-te",
  569 + "html": opts.pnotify_text
  570 + })
  571 + .appendTo(pnotify.container);
  572 + if (opts.pnotify_text === false)
  573 + pnotify.text_container.hide();
  574 +
  575 + // Set width and min height.
  576 + if (typeof opts.pnotify_width == "string")
  577 + pnotify.css("width", opts.pnotify_width);
  578 + if (typeof opts.pnotify_min_height == "string")
  579 + pnotify.container.css("min-height", opts.pnotify_min_height);
  580 +
  581 + // The history variable controls whether the notice gets redisplayed
  582 + // by the history pull down.
  583 + pnotify.pnotify_history = opts.pnotify_history;
  584 +
  585 + // Add the notice to the notice array.
  586 + var body_data = body.data("pnotify");
  587 + if (body_data == null || typeof body_data != "object")
  588 + body_data = [];
  589 + if (opts.pnotify_stack.push == "top")
  590 + body_data = $.merge([pnotify], body_data);
  591 + else
  592 + body_data = $.merge(body_data, [pnotify]);
  593 + body.data("pnotify", body_data);
  594 +
  595 + // Run callback.
  596 + if (opts.pnotify_after_init)
  597 + opts.pnotify_after_init(pnotify);
  598 +
  599 + if (opts.pnotify_history) {
  600 + // If there isn't a history pull down, create one.
  601 + var body_history = body.data("pnotify_history");
  602 + if (typeof body_history == "undefined") {
  603 + body_history = $14("<div />", {
  604 + "class": "rf-ny-hc",
  605 + "mouseleave": function() {
  606 + body_history.animate({top: "-" + history_handle_top + "px"}, {duration: 100, queue: false});
  607 + }
  608 + })
  609 + .append($14("<div />", {"class": "rf-ny-hh", "text": "Redisplay"}))
  610 + .append($14("<button />", {
  611 + "class": "rf-ny-ha",
  612 + "text": "All",
  613 + // "mouseenter": function(){
  614 + // $(this).addClass("ui-state-hover");
  615 + // },
  616 + // "mouseleave": function(){
  617 + // $(this).removeClass("ui-state-hover");
  618 + // },
  619 + "click": function() {
  620 + // Display all notices. (Disregarding non-history notices.)
  621 + $.each(body.data("pnotify"), function() {
  622 + if (this.pnotify_history && this.pnotify_display)
  623 + this.pnotify_display();
  624 + });
  625 + return false;
  626 + }
  627 + }))
  628 + .append($14("<button />", {
  629 + "class": "rf-ny-hl",
  630 + "text": "Last",
  631 + // "mouseenter": function(){
  632 + // $(this).addClass("ui-state-hover");
  633 + // },
  634 + // "mouseleave": function(){
  635 + // $(this).removeClass("ui-state-hover");
  636 + // },
  637 + "click": function() {
  638 + // Look up the last history notice, and display it.
  639 + var i = 1;
  640 + var body_data = body.data("pnotify");
  641 + while (!body_data[body_data.length - i] || !body_data[body_data.length - i].pnotify_history || body_data[body_data.length - i].is(":visible")) {
  642 + if (body_data.length - i === 0)
  643 + return false;
  644 + i++;
  645 + }
  646 + var n = body_data[body_data.length - i];
  647 + if (n.pnotify_display)
  648 + n.pnotify_display();
  649 + return false;
  650 + }
  651 + }))
  652 + .appendTo(body);
  653 +
  654 + // Make a handle so the user can pull down the history pull down.
  655 + var handle = $14("<span />", {
  656 + "class": "rf-ny-hp",
  657 + "mouseenter": function() {
  658 + body_history.animate({top: "0"}, {duration: 100, queue: false});
  659 + }
  660 + })
  661 + .appendTo(body_history);
  662 +
  663 + // Get the top of the handle.
  664 + history_handle_top = handle.offset().top + 2;
  665 + // Hide the history pull down up to the top of the handle.
  666 + body_history.css({top: "-" + history_handle_top + "px"});
  667 + // Save the history pull down.
  668 + body.data("pnotify_history", body_history);
  669 + }
  670 + }
  671 +
  672 + // Mark the stack so it won't animate the new notice.
  673 + opts.pnotify_stack.animation = false;
  674 +
  675 + // Display the notice.
  676 + pnotify.pnotify_display();
  677 +
  678 + return pnotify;
  679 + }
  680 + });
  681 +
  682 + // Some useful regexes.
  683 + var re_on = /^on/;
  684 + var re_mouse_events = /^(dbl)?click$|^mouse(move|down|up|over|out|enter|leave)$|^contextmenu$/;
  685 + var re_ui_events = /^(focus|blur|select|change|reset)$|^key(press|down|up)$/;
  686 + var re_html_events = /^(scroll|resize|(un)?load|abort|error)$/;
  687 + // Fire a DOM event.
  688 + var dom_event = function(e, orig_e) {
  689 + var event_object;
  690 + e = e.toLowerCase();
  691 + if (document.createEvent && this.dispatchEvent) {
  692 + // FireFox, Opera, Safari, Chrome
  693 + e = e.replace(re_on, '');
  694 + if (e.match(re_mouse_events)) {
  695 + // This allows the click event to fire on the notice. There is
  696 + // probably a much better way to do it.
  697 + $(this).offset();
  698 + event_object = document.createEvent("MouseEvents");
  699 + event_object.initMouseEvent(
  700 + e, orig_e.bubbles, orig_e.cancelable, orig_e.view, orig_e.detail,
  701 + orig_e.screenX, orig_e.screenY, orig_e.clientX, orig_e.clientY,
  702 + orig_e.ctrlKey, orig_e.altKey, orig_e.shiftKey, orig_e.metaKey, orig_e.button, orig_e.relatedTarget
  703 + );
  704 + } else if (e.match(re_ui_events)) {
  705 + event_object = document.createEvent("UIEvents");
  706 + event_object.initUIEvent(e, orig_e.bubbles, orig_e.cancelable, orig_e.view, orig_e.detail);
  707 + } else if (e.match(re_html_events)) {
  708 + event_object = document.createEvent("HTMLEvents");
  709 + event_object.initEvent(e, orig_e.bubbles, orig_e.cancelable);
  710 + }
  711 + if (!event_object) return;
  712 + this.dispatchEvent(event_object);
  713 + } else {
  714 + // Internet Explorer
  715 + if (!e.match(re_on)) e = "on" + e;
  716 + event_object = document.createEventObject(orig_e);
  717 + this.fireEvent(e, event_object);
  718 + }
  719 + };
  720 +
  721 + $.pnotify.defaults = {
  722 + // The notice's title.
  723 + pnotify_title: false,
  724 + // The notice's text.
  725 + pnotify_text: false,
  726 + // Additional classes to be added to the notice. (For custom styling.)
  727 + pnotify_addclass: "",
  728 + // Create a non-blocking notice. It lets the user click elements underneath it.
  729 + pnotify_nonblock: false,
  730 + // The opacity of the notice (if it's non-blocking) when the mouse is over it.
  731 + pnotify_nonblock_opacity: .2,
  732 + // Display a pull down menu to redisplay previous notices, and place the notice in the history.
  733 + pnotify_history: true,
  734 + // Width of the notice.
  735 + pnotify_width: "300px",
  736 + // Minimum height of the notice. It will expand to fit content.
  737 + pnotify_min_height: "16px",
  738 + // Type of the notice. "notice" or "error".
  739 + pnotify_type: "notice",
  740 + // The icon class to use if type is notice.
  741 + pnotify_notice_icon: "",
  742 + // The icon class to use if type is error.
  743 + pnotify_error_icon: "",
  744 + // The animation to use when displaying and hiding the notice. "none", "show", "fade", and "slide" are built in to jQuery. Others require jQuery UI. Use an object with effect_in and effect_out to use different effects.
  745 + pnotify_animation: "fade",
  746 + // Speed at which the notice animates in and out. "slow", "def" or "normal", "fast" or number of milliseconds.
  747 + pnotify_animate_speed: "slow",
  748 + // Opacity of the notice.
  749 + pnotify_opacity: 1,
  750 + // Display a drop shadow.
  751 + pnotify_shadow: false,
  752 + // Provide a button for the user to manually close the notice.
  753 + pnotify_closer: true,
  754 + // After a delay, remove the notice.
  755 + pnotify_hide: true,
  756 + // Delay in milliseconds before the notice is removed.
  757 + pnotify_delay: 8000,
  758 + // Reset the hide timer if the mouse moves over the notice.
  759 + pnotify_mouse_reset: true,
  760 + // Remove the notice's elements from the DOM after it is removed.
  761 + pnotify_remove: true,
  762 + // Change new lines to br tags.
  763 + pnotify_insert_brs: true,
  764 + // The stack on which the notices will be placed. Also controls the direction the notices stack.
  765 + pnotify_stack: {"dir1": "down", "dir2": "left", "push": "bottom"}
  766 + };
759 })(jQuery); 767 })(jQuery);
Please register or login to post a comment