Improved code per suggestions of ehynds. Moved queued notifications example to index.htm to show that it works with the other examples. Updated minified JavaScript to reflect the changes.

Author: Scott Greenfield

index.htm

@@ -77,6 +77,14 @@
 	container.notify("widget").find("input").bind("click", function(){
 		container.notify("create", 1, { title:'Another Notification!', text:'The quick brown fox jumped over the lazy dog.' });
 	});
+    
+	// third
+	var container = $("#container-bottom-right").notify();
+	$("#queue").click(function(){
+        container.notify("create", "queueing", {
+            title:'Queueing', text:'Example of a notification with queuing.  For this container, no more than three notifications of this type will be visible at one time.'
+        }, { queue: 3 });
+	});
 });
 </script>
 
@@ -92,6 +100,7 @@ <h1>jQuery UI Notify Widget</h1>
 
 	<form style="margin:20px 0">
 		<input type="button" id="default" value="Open with default configuration" />
+        <input type="button" id="queue" value="Or with Queueing" />
 		<input type="button" id="sticky" value="Create a &quot;sticky&quot; notification" />
 		<input type="button" id="warning" value="Use icons in your templates" />
 		<input type="button" id="buttons" value="Or buttons even" />
@@ -152,6 +161,14 @@ <h1>#{title}</h1>
 			<p>#{text}</p>
 		</div>
 	</div>
+    
+	<!--- third container -  bottom-right notifications --->
+	<div id="container-bottom-right" style="display:none; top:0; right:360px; margin:10px 10px 0 0">
+		<div id="queueing">
+			<h1>#{title}</h1>
+			<p>#{text}</p>
+		</div>   
+	</div>    
 </div>
 
 </body>

limit-example.htm

@@ -49,7 +49,9 @@ $.widget("ech.notify", {
 			tpl = $(tpl).removeClass("ui-notify-message-style").wrap("<div></div>").parent().html();
 		}
 
-        $.ech.notify.openNotifications = $.ech.notify.openNotifications || 0;
+        this.openNotifications = this.openNotifications || 0;
+        
+        // return a new notification instance
         return new $.ech.notify.instance(this)._create(msg, $.extend({}, this.options, opts), tpl);            
 	}
 });
@@ -106,9 +108,8 @@ $.extend($.ech.notify.instance.prototype, {
           }
 
         });
-		
-        if (!this.options.queue) this.parent.element.dequeue('notify');
-        else if ($.ech.notify.openNotifications <= this.options.queue-1) this.parent.element.dequeue('notify');
+
+        if(!this.options.queue || this.parent.openNotifications <= this.options.queue - 1) this.parent.element.dequeue('notify');
 
 		return this;
 	},
@@ -119,7 +120,7 @@ $.extend($.ech.notify.instance.prototype, {
 			self._trigger("close");
 			self.isOpen = false;
             self.element.remove();
-            $.ech.notify.openNotifications -= 1;
+            self.parent.openNotifications -= 1;
             self.parent.element.dequeue('notify');
 		});
 
@@ -132,7 +133,7 @@ $.extend($.ech.notify.instance.prototype, {
 
 		var self = this;
 
-        $.ech.notify.openNotifications += 1;
+        this.parent.openNotifications += 1;
 
 		this.element[this.options.stack === 'above' ? 'prependTo' : 'appendTo'](this.parent.element).css({ display:"none", opacity:"" }).fadeIn(this.options.speed, function(){
 			self._trigger("open");