jquery-notice - Project Hosting on Google Code

Older Sep 12, 2009 Implementation Wiki page commented on by tbenniks - @haryx8, sound great! Post the link here when you write about the plugin! :-) @haryx8, sound great! Post the link here when you write about the plugin! :-) Sep 11, 2009 Implementation Wiki page commented on by haryx8 - cool man... it can be my next feature on my webpage.... cool man... it can be my next feature on my webpage.... Aug 11, 2009 issue 3 (Enhancement - Prolong display time on mouse over) reported by kwakwaversal - For lengthy text in the notice, it would be good if the notice would stay displayed when the mouse is over it. For lengthy text in the notice, it would be good if the notice would stay displayed when the mouse is over it. Aug 08, 2009 Implementation Wiki page commented on by scy...@hotmail.com - Suppose i append <div class="notice_text">The text</div> on the notice more than once and insert a code e.g $('.notice_text').click(function(){ alert('Alerted'); }); it would alert only with the first div that i had appended, and the other div(s) seems to have no function at all , is there any way to fix this where the function could be applied to ever div(s) that i had appended??? Trying to create a download package with this script and i am facing this problem to remove the div(s) and call ajax function. Suppose i append <div class="notice_text">The text</div> on the notice more than once and insert a code e.g $('.notice_text').click(function(){ alert('Alerted'); }); it would alert only with the first div that i had appended, and the other div(s) seems to have no function at all , is there any way to fix this where the function could be applied to ever div(s) that i had appended??? Trying to create a download package with this script and i am facing this problem to remove the div(s) and call ajax function. Aug 05, 2009 Implementation Wiki page commented on by scy...@hotmail.com - Is there anyways to append text on one notice Is there anyways to append text on one notice Jul 15, 2009 issue 2 (Fixed errors that IE 8 was having every time notice window w...) reported by d...@syncshow.com - What steps will reproduce the problem? 1. Internet Explorer 8 would throw an error each time a notice would close What is the expected output? What do you see instead? Notice should close without errors What version of the product are you using? On what operating system? 1.1 Please provide any additional information below. I fixed the notice system to work in all versions of Internet Explorer, Firefox, Chrome for both PC and Mac. Below is the source of the javascript with the modifications, you may want to recreate a new distribution of this script... /** * jQuery.noticeAdd() and jQuery.noticeRemove() * These functions create and remove growl-like notices * * Copyright (c) 2009 Tim Benniks * * 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 notice and this permission notice 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 Tim Benniks <tim@timbenniks.com> * @copyright 2009 timbenniks.com * @version $Id: jquery.notice.js 1 2009-01-24 12:24:18Z timbenniks $ / (function(jQuery) { jQuery.extend({ noticeAdd: function(options) { var defaults = { inEffect: {opacity: 'show'}, // in effect inEffectDuration: 600, // in effect duration in miliseconds stayTime: 3000, // time in miliseconds before the item has to disappear text: '', // content of the item stay: false, // should the notice item stay or not? type: 'notice' // could also be error, succes } // declare varaibles var options, noticeWrapAll, noticeItemOuter, noticeItemInner, noticeItemClose; options = jQuery.extend({}, defaults, options); noticeWrapAll = (!jQuery('.notice-wrap').length) ? jQuery('<div></div>').addClass('notice-wrap').appendTo('body') : jQuery('.notice-wrap'); noticeItemOuter = jQuery('<div></div>').addClass('notice-item-wrapper'); noticeItemInner = jQuery('<div></div>').hide().addClass('notice-item ' + options.type).appendTo(noticeWrapAll).html('<p>'+options.text+'</p>').animate(options.inEffect, options.inEffectDuration).wrap(noticeItemOuter); noticeItemClose = jQuery('<div></div>').addClass('notice-item-close').prependTo(noticeItemInner).html('x').click(function() { jQuery.noticeRemove(noticeItemInner) }); // hmmmz, zucht if(navigator.userAgent.match(/MSIE 6/i)) { noticeWrapAll.css({top: document.documentElement.scrollTop}); } if(!options.stay) { setTimeout(function() { jQuery.noticeRemove(noticeItemInner); }, options.stayTime); } }, noticeRemove: function(obj) { obj.animate({opacity: '0'}, 600, function() { obj.animate({height: '0px'}, 300, function() { obj.remove(); }); }); } }); })(jQuery); What steps will reproduce the problem? 1. Internet Explorer 8 would throw an error each time a notice would close What is the expected output? What do you see instead? Notice should close without errors What version of the product are you using? On what operating system? 1.1 Please provide any additional information below. I fixed the notice system to work in all versions of Internet Explorer, Firefox, Chrome for both PC and Mac. Below is the source of the javascript with the modifications, you may want to recreate a new distribution of this script... / * jQuery.noticeAdd() and jQuery.noticeRemove() * These functions create and remove growl-like notices * * Copyright (c) 2009 Tim Benniks * * 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 notice and this permission notice 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 Tim Benniks <tim@timbenniks.com> * @copyright 2009 timbenniks.com * @version $Id: jquery.notice.js 1 2009-01-24 12:24:18Z timbenniks $ **/ (function(jQuery) { jQuery.extend({ noticeAdd: function(options) { var defaults = { inEffect: {opacity: 'show'}, // in effect inEffectDuration: 600, // in effect duration in miliseconds stayTime: 3000, // time in miliseconds before the item has to disappear text: '', // content of the item stay: false, // should the notice item stay or not? type: 'notice' // could also be error, succes } // declare varaibles var options, noticeWrapAll, noticeItemOuter, noticeItemInner, noticeItemClose; options = jQuery.extend({}, defaults, options); noticeWrapAll = (!jQuery('.notice-wrap').length) ? jQuery('<div></div>').addClass('notice-wrap').appendTo('body') : jQuery('.notice-wrap'); noticeItemOuter = jQuery('<div></div>').addClass('notice-item-wrapper'); noticeItemInner = jQuery('<div></div>').hide().addClass('notice-item ' + options.type).appendTo(noticeWrapAll).html('<p>'+options.text+'</p>').animate(options.inEffect, options.inEffectDuration).wrap(noticeItemOuter); noticeItemClose = jQuery('<div></div>').addClass('notice-item-close').prependTo(noticeItemInner).html('x').click(function() { jQuery.noticeRemove(noticeItemInner) }); // hmmmz, zucht if(navigator.userAgent.match(/MSIE 6/i)) { noticeWrapAll.css({top: document.documentElement.scrollTop}); } if(!options.stay) { setTimeout(function() { jQuery.noticeRemove(noticeItemInner); }, options.stayTime); } }, noticeRemove: function(obj) { obj.animate({opacity: '0'}, 600, function() { obj.animate({height: '0px'}, 300, function() { obj.remove(); }); }); } }); })(jQuery); Jul 14, 2009 Implementation Wiki page commented on by jose.gosende - Is it possible to place the notice box somewhere else besides on the upper right hand corner? Is it possible to place the notice box somewhere else besides on the upper right hand corner? Apr 04, 2009 issue 1 (A noticeRemove followed quickly by a noticeAdd makes the new...) commented on by tbenniks - Hey Silfreed. Thanks for filing this issue. I didnt have to much time to look at it yet. I will do it in the coming days! Tim Hey Silfreed. Thanks for filing this issue. I didnt have to much time to look at it yet. I will do it in the coming days! Tim Mar 20, 2009 issue 1 (A noticeRemove followed quickly by a noticeAdd makes the new...) reported by silfreed - Example: $.noticeAdd({text: 'Saving', stay: true}); // possibly do something time consuming here $.noticeRemove($('.notice-item-wrapper')); $.noticeAdd({text: 'Saved', type: 'success'}); This will make 'Saving' be displayed, and when the noticeRemove is called the 'Saving' will disappear and the 'Saved' will quickly blink on and off the screen. Example: $.noticeAdd({text: 'Saving', stay: true}); // possibly do something time consuming here $.noticeRemove($('.notice-item-wrapper')); $.noticeAdd({text: 'Saved', type: 'success'}); This will make 'Saving' be displayed, and when the noticeRemove is called the 'Saving' will disappear and the 'Saved' will quickly blink on and off the screen. Feb 10, 2009 jquery.notice.1.0.1.zip (Enhancement release) file uploaded by tbenniks - Labels: Featured Labels: Featured Feb 09, 2009 r14 (Added a high z-index to the notice wrapper.) committed by tbenniks - Added a high z-index to the notice wrapper. Added a high z-index to the notice wrapper. Feb 01, 2009 Example Wiki page deleted by tbenniks Feb 01, 2009 Implementation Wiki page added by tbenniks Jan 31, 2009 r11 (First comit, adding all the files.) committed by tbenniks - First comit, adding all the files. First comit, adding all the files. Jan 31, 2009 Example Wiki page edited by tbenniks Jan 31, 2009 Example Wiki page edited by tbenniks Jan 31, 2009 Example Wiki page edited by tbenniks Jan 31, 2009 Example Wiki page edited by tbenniks Jan 31, 2009 Example Wiki page edited by tbenniks Jan 31, 2009 Example Wiki page edited by tbenniks Jan 31, 2009 Example Wiki page edited by tbenniks Jan 31, 2009 Example Wiki page edited by tbenniks Jan 31, 2009 Example Wiki page added by tbenniks Jan 31, 2009 jquery.notice.zip (jQuery notice 1.0) file uploaded by tbenniks Jan 31, 2009 Project jquery-notice created by tbenniks - An easy growl-like notification plugin for jquery An easy growl-like notification plugin for jquery

issue 2 (Fixed errors that IE 8 was having every time notice window w...) reported by d...@syncshow.com - What steps will reproduce the problem? 1. Internet Explorer 8 would throw an error each time a notice would close What is the expected output? What do you see instead? Notice should close without errors What version of the product are you using? On what operating system? 1.1 Please provide any additional information below. I fixed the notice system to work in all versions of Internet Explorer, Firefox, Chrome for both PC and Mac. Below is the source of the javascript with the modifications, you may want to recreate a new distribution of this script... /** * jQuery.noticeAdd() and jQuery.noticeRemove() * These functions create and remove growl-like notices * * Copyright (c) 2009 Tim Benniks * * 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 notice and this permission notice 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 Tim Benniks <tim@timbenniks.com> * @copyright 2009 timbenniks.com * @version $Id: jquery.notice.js 1 2009-01-24 12:24:18Z timbenniks $ **/ (function(jQuery) { jQuery.extend({ noticeAdd: function(options) { var defaults = { inEffect: {opacity: 'show'}, // in effect inEffectDuration: 600, // in effect duration in miliseconds stayTime: 3000, // time in miliseconds before the item has to disappear text: '', // content of the item stay: false, // should the notice item stay or not? type: 'notice' // could also be error, succes } // declare varaibles var options, noticeWrapAll, noticeItemOuter, noticeItemInner, noticeItemClose; options = jQuery.extend({}, defaults, options); noticeWrapAll = (!jQuery('.notice-wrap').length) ? jQuery('<div></div>').addClass('notice-wrap').appendTo('body') : jQuery('.notice-wrap'); noticeItemOuter = jQuery('<div></div>').addClass('notice-item-wrapper'); noticeItemInner = jQuery('<div></div>').hide().addClass('notice-item ' + options.type).appendTo(noticeWrapAll).html('<p>'+options.text+'</p>').animate(options.inEffect, options.inEffectDuration).wrap(noticeItemOuter); noticeItemClose = jQuery('<div></div>').addClass('notice-item-close').prependTo(noticeItemInner).html('x').click(function() { jQuery.noticeRemove(noticeItemInner) }); // hmmmz, zucht if(navigator.userAgent.match(/MSIE 6/i)) { noticeWrapAll.css({top: document.documentElement.scrollTop}); } if(!options.stay) { setTimeout(function() { jQuery.noticeRemove(noticeItemInner); }, options.stayTime); } }, noticeRemove: function(obj) { obj.animate({opacity: '0'}, 600, function() { obj.animate({height: '0px'}, 300, function() { obj.remove(); }); }); } }); })(jQuery);

What steps will reproduce the problem? 1. Internet Explorer 8 would throw an error each time a notice would close What is the expected output? What do you see instead? Notice should close without errors What version of the product are you using? On what operating system? 1.1 Please provide any additional information below. I fixed the notice system to work in all versions of Internet Explorer, Firefox, Chrome for both PC and Mac. Below is the source of the javascript with the modifications, you may want to recreate a new distribution of this script... /** * jQuery.noticeAdd() and jQuery.noticeRemove() * These functions create and remove growl-like notices * * Copyright (c) 2009 Tim Benniks * * 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 notice and this permission notice 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 Tim Benniks <tim@timbenniks.com> * @copyright 2009 timbenniks.com * @version $Id: jquery.notice.js 1 2009-01-24 12:24:18Z timbenniks $ **/ (function(jQuery) { jQuery.extend({ noticeAdd: function(options) { var defaults = { inEffect: {opacity: 'show'}, // in effect inEffectDuration: 600, // in effect duration in miliseconds stayTime: 3000, // time in miliseconds before the item has to disappear text: '', // content of the item stay: false, // should the notice item stay or not? type: 'notice' // could also be error, succes } // declare varaibles var options, noticeWrapAll, noticeItemOuter, noticeItemInner, noticeItemClose; options = jQuery.extend({}, defaults, options); noticeWrapAll = (!jQuery('.notice-wrap').length) ? jQuery('<div></div>').addClass('notice-wrap').appendTo('body') : jQuery('.notice-wrap'); noticeItemOuter = jQuery('<div></div>').addClass('notice-item-wrapper'); noticeItemInner = jQuery('<div></div>').hide().addClass('notice-item ' + options.type).appendTo(noticeWrapAll).html('<p>'+options.text+'</p>').animate(options.inEffect, options.inEffectDuration).wrap(noticeItemOuter); noticeItemClose = jQuery('<div></div>').addClass('notice-item-close').prependTo(noticeItemInner).html('x').click(function() { jQuery.noticeRemove(noticeItemInner) }); // hmmmz, zucht if(navigator.userAgent.match(/MSIE 6/i)) { noticeWrapAll.css({top: document.documentElement.scrollTop}); } if(!options.stay) { setTimeout(function() { jQuery.noticeRemove(noticeItemInner); }, options.stayTime); } }, noticeRemove: function(obj) { obj.animate({opacity: '0'}, 600, function() { obj.animate({height: '0px'}, 300, function() { obj.remove(); }); }); } }); })(jQuery);

Older