You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
143 lines
5.3 KiB
143 lines
5.3 KiB
/** |
|
* jQuery.jNotify |
|
* jQuery Notification Engine |
|
* |
|
* Copyright (c) 2010 Fabio Franzini |
|
* |
|
* Permission is hereby granted, free of charge, to any person obtaining a copy |
|
* of this software and associated documentation files (the "Software"), to deal |
|
* in the Software without restriction, including without limitation the rights |
|
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell |
|
* copies of the Software, and to permit persons to whom the Software is |
|
* furnished to do so, subject to the following conditions: |
|
* |
|
* The above copyright notify and this permission notify shall be included in |
|
* all copies or substantial portions of the Software. |
|
* |
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
|
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, |
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN |
|
* THE SOFTWARE. |
|
* |
|
* @author Fabio Franzini |
|
* @copyright 2010 www.fabiofranzini.com |
|
* @version 1 |
|
**/ |
|
|
|
(function(jQuery) { |
|
jQuery.fn.jnotifyInizialize = function(options) { |
|
var element = this; |
|
|
|
var defaults = { |
|
oneAtTime: false, |
|
appendType: 'append' |
|
}; |
|
|
|
var options = jQuery.extend({}, defaults, options); |
|
|
|
this.addClass('notify-wrapper'); |
|
|
|
if (options.oneAtTime) |
|
this.addClass('notify-wrapper-oneattime'); |
|
|
|
if (options.appendType == 'prepend' && options.oneAtTime == false) |
|
this.addClass('notify-wrapper-prepend'); |
|
|
|
return this; |
|
}; |
|
jQuery.fn.jnotifyAddMessage = function(options) { |
|
|
|
var notifyWrapper = this; |
|
|
|
if (notifyWrapper.hasClass('notify-wrapper')) { |
|
|
|
var defaults = { |
|
text: '', |
|
type: 'message', |
|
showIcon: true, |
|
permanent: false, |
|
disappearTime: 3000 |
|
}; |
|
|
|
var options = jQuery.extend({}, defaults, options); |
|
var styleClass; |
|
var iconClass; |
|
|
|
switch (options.type) { |
|
case 'message': |
|
{ |
|
styleClass = 'ui-state-highlight'; |
|
iconClass = 'ui-icon-info'; |
|
} |
|
break; |
|
case 'error': |
|
{ |
|
styleClass = 'ui-state-error'; |
|
iconClass = 'ui-icon-alert'; |
|
} |
|
break; |
|
default: |
|
{ |
|
styleClass = 'ui-state-highlight'; |
|
iconClass = 'ui-icon-info'; |
|
} |
|
break; |
|
} |
|
|
|
if (notifyWrapper.hasClass('notify-wrapper-oneattime')) { |
|
this.children().remove(); |
|
} |
|
|
|
var notifyItemWrapper = jQuery('<div class="jnotify-item-wrapper"></div>'); |
|
var notifyItem = jQuery('<div class="ui-corner-all jnotify-item"></div>') |
|
.addClass(styleClass); |
|
|
|
if (notifyWrapper.hasClass('notify-wrapper-prepend')) |
|
notifyItem.prependTo(notifyWrapper); |
|
else |
|
notifyItem.appendTo(notifyWrapper); |
|
|
|
notifyItem.wrap(notifyItemWrapper); |
|
|
|
if (options.showIcon) |
|
jQuery('<span class="ui-icon" style="float:left; margin-right: .3em;" />') |
|
.addClass(iconClass) |
|
.appendTo(notifyItem); |
|
|
|
jQuery('<span></span>').html(options.text).appendTo(notifyItem); |
|
jQuery('<div class="jnotify-item-close"><span class="ui-icon ui-icon-circle-close"/></div>') |
|
.prependTo(notifyItem) |
|
.click(function() { remove(notifyItem) }); |
|
|
|
// IEsucks |
|
if (navigator.userAgent.match(/MSIE (\d+\.\d+);/)) { |
|
notifyWrapper.css({ top: document.documentElement.scrollTop }); |
|
//http://groups.google.com/group/jquery-dev/browse_thread/thread/ba38e6474e3e9a41 |
|
notifyWrapper.removeClass('IEsucks'); |
|
} |
|
// ------ |
|
|
|
if (!options.permanent) { |
|
setTimeout(function() { remove(notifyItem); }, options.disappearTime); |
|
} |
|
} |
|
|
|
function remove(obj) { |
|
obj.animate({ opacity: '0' }, 600, function() { |
|
obj.parent().animate({ height: '0px' }, 300, |
|
function() { |
|
obj.parent().remove(); |
|
// IEsucks |
|
if (navigator.userAgent.match(/MSIE (\d+\.\d+);/)) { |
|
//http://groups.google.com/group/jquery-dev/browse_thread/thread/ba38e6474e3e9a41 |
|
obj.parent().parent().removeClass('IEsucks'); |
|
} |
|
// ------- |
|
}); |
|
}); |
|
} |
|
}; |
|
})(jQuery); |