').append (localSettings.text)).animate(localSettings.inEffect, localSettings.inEffectDuration).wrap(toastItemOuter); 89 | toastItemClose = $('
').addClass('toast-item-close').prependTo(toastItemInner).html(localSettings.closeText).click(function() { $().toastmessage('removeToast',toastItemInner, localSettings) }); 90 | toastItemImage = $('').addClass('toast-item-image').addClass('toast-item-image-' + localSettings.type).prependTo(toastItemInner); 91 | 92 | if(navigator.userAgent.match(/MSIE 6/i)) 93 | { 94 | toastWrapAll.css({top: document.documentElement.scrollTop}); 95 | } 96 | 97 | if(!localSettings.sticky) 98 | { 99 | setTimeout(function() 100 | { 101 | $().toastmessage('removeToast', toastItemInner, localSettings); 102 | }, 103 | localSettings.stayTime); 104 | } 105 | return toastItemInner; 106 | }, 107 | 108 | showNoticeToast : function (message) 109 | { 110 | var options = {text : message, type : 'notice'}; 111 | return $().toastmessage('showToast', options); 112 | }, 113 | 114 | showSuccessToast : function (message) 115 | { 116 | var options = {text : message, type : 'success'}; 117 | return $().toastmessage('showToast', options); 118 | }, 119 | 120 | showErrorToast : function (message) 121 | { 122 | var options = {text : message, type : 'error'}; 123 | return $().toastmessage('showToast', options); 124 | }, 125 | 126 | showWarningToast : function (message) 127 | { 128 | var options = {text : message, type : 'warning'}; 129 | return $().toastmessage('showToast', options); 130 | }, 131 | 132 | removeToast: function(obj, options) 133 | { 134 | obj.animate({opacity: '0'}, 600, function() 135 | { 136 | obj.parent().animate({height: '0px'}, 300, function() 137 | { 138 | obj.parent().remove(); 139 | }); 140 | }); 141 | // callback 142 | if (options && options.close !== null) 143 | { 144 | options.close(); 145 | } 146 | } 147 | }; 148 | 149 | $.fn.toastmessage = function( method ) { 150 | 151 | // Method calling logic 152 | if ( methods[method] ) { 153 | return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 )); 154 | } else if ( typeof method === 'object' || ! method ) { 155 | return methods.init.apply( this, arguments ); 156 | } else { 157 | $.error( 'Method ' + method + ' does not exist on jQuery.toastmessage' ); 158 | } 159 | }; 160 | 161 | })(jQuery); -------------------------------------------------------------------------------- /src/main/resources/css/jquery.toastmessage.css: -------------------------------------------------------------------------------- 1 | .toast-container { 2 | width: 280px; 3 | z-index: 9999; 4 | } 5 | 6 | 7 | * html .toast-container { 8 | position: absolute; 9 | } 10 | 11 | .toast-item { 12 | height: auto; 13 | background: #333; 14 | opacity: 0.9; 15 | border-radius: 10px; 16 | -moz-border-radius: 10px; 17 | -webkit-border-radius: 10px; 18 | color: #eee; 19 | padding-top: 20px; 20 | padding-bottom: 20px; 21 | padding-left: 6px; 22 | padding-right: 6px; 23 | font-family: lucida Grande; 24 | font-size: 14px; 25 | border: 2px solid #999; 26 | display: block; 27 | position: relative; 28 | margin: 0 0 12px 0; 29 | } 30 | 31 | .toast-item p { 32 | text-align: left; 33 | margin-left: 50px; 34 | } 35 | 36 | .toast-item-close { 37 | background:url(../images/close.gif); 38 | width:22px; 39 | height:22px; 40 | position: absolute; 41 | top:7px; 42 | right:7px; 43 | } 44 | 45 | .toast-item-image { 46 | width:32px; 47 | height: 32px; 48 | position: absolute; 49 | top: 50%; 50 | margin-top: -16px; 51 | left: 10px; 52 | } 53 | 54 | .toast-item-image-notice { 55 | background:url(../images/notice.png); 56 | } 57 | 58 | .toast-item-image-success { 59 | background:url(../images/success.png); 60 | } 61 | 62 | .toast-item-image-warning { 63 | background:url(../images/warning.png); 64 | } 65 | 66 | .toast-item-image-error { 67 | background:url(../images/error.png); 68 | } 69 | 70 | 71 | /** 72 | * toast types 73 | * 74 | * pattern: toast-type-[value] 75 | * where 'value' is the real value of the plugin option 'type' 76 | * 77 | */ 78 | .toast-type-notice { 79 | color: white; 80 | } 81 | 82 | .toast-type-success { 83 | color: white; 84 | } 85 | 86 | .toast-type-warning { 87 | color: white; 88 | border-color: #FCBD57; 89 | } 90 | 91 | .toast-type-error { 92 | color: white; 93 | border-color: #B32B2B; 94 | } 95 | 96 | /** 97 | * positions 98 | * 99 | * pattern: toast-position-[value] 100 | * where 'value' is the real value of the plugin option 'position' 101 | * 102 | */ 103 | .toast-position-top-left { 104 | position: fixed; 105 | left: 20px; 106 | top: 20px; 107 | } 108 | 109 | .toast-position-top-center { 110 | position: fixed; 111 | top: 20px; 112 | left: 50%; 113 | margin-left: -140px; 114 | } 115 | 116 | .toast-position-top-right { 117 | position: fixed; 118 | top: 20px; 119 | right: 20px; 120 | } 121 | 122 | .toast-position-middle-left { 123 | position: fixed; 124 | left: 20px; 125 | top: 50%; 126 | margin-top: -40px; 127 | } 128 | 129 | .toast-position-middle-center { 130 | position: fixed; 131 | left: 50%; 132 | margin-left: -140px; 133 | margin-top: -40px; 134 | top: 50%; 135 | } 136 | 137 | .toast-position-middle-right { 138 | position: fixed; 139 | right: 20px; 140 | margin-left: -140px; 141 | margin-top: -40px; 142 | top: 50%; 143 | } 144 | -------------------------------------------------------------------------------- /src/main/resources/images/close.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techatspree/jquery-toastmessage-plugin/6f5d7bf781d4e8ec5e1a82aa23728f5307a6e28a/src/main/resources/images/close.gif -------------------------------------------------------------------------------- /src/main/resources/images/error.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techatspree/jquery-toastmessage-plugin/6f5d7bf781d4e8ec5e1a82aa23728f5307a6e28a/src/main/resources/images/error.png -------------------------------------------------------------------------------- /src/main/resources/images/notice.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techatspree/jquery-toastmessage-plugin/6f5d7bf781d4e8ec5e1a82aa23728f5307a6e28a/src/main/resources/images/notice.png -------------------------------------------------------------------------------- /src/main/resources/images/success.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techatspree/jquery-toastmessage-plugin/6f5d7bf781d4e8ec5e1a82aa23728f5307a6e28a/src/main/resources/images/success.png -------------------------------------------------------------------------------- /src/main/resources/images/warning.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/techatspree/jquery-toastmessage-plugin/6f5d7bf781d4e8ec5e1a82aa23728f5307a6e28a/src/main/resources/images/warning.png -------------------------------------------------------------------------------- /src/test/javascript/jquery.toastmessage.tests.js: -------------------------------------------------------------------------------- 1 | describe('the Toastmessage jQuery Plugin',function(){ 2 | 3 | // Remove any exisiting toastmessage container 4 | beforeEach(function() { 5 | $('.toast-container').remove(); 6 | this.addMatchers({ 7 | toastContainterCreated : function() { return $('.toast-container').length > 0; } 8 | }); 9 | 10 | }); 11 | 12 | //Clean it up after each spec 13 | afterEach(function() { 14 | $('.toast-container').remove(); 15 | }); 16 | 17 | //Specs 18 | describe('showing toastmessages',function() { 19 | it('shows a success toastmessage',function(){ 20 | 21 | // call to our jquery plugin under test 22 | $().toastmessage('showSuccessToast', "SUCCESS"); 23 | 24 | expect().toastContainterCreated(); 25 | expect($('.toast-item.toast-type-success').length > 0).toBeTruthy(); 26 | }); 27 | it('shows a notice toastmessage',function(){ 28 | // call to our jquery plugin under test 29 | $().toastmessage('showNoticeToast', "NOTICE"); 30 | 31 | expect().toastContainterCreated(); 32 | expect($('.toast-item.toast-type-notice').length > 0).toBeTruthy(); 33 | }); 34 | it('shows a warning toastmessage',function(){ 35 | // call to our jquery plugin under test 36 | $().toastmessage('showWarningToast', "WARNING"); 37 | 38 | expect().toastContainterCreated(); 39 | expect($('.toast-item.toast-type-warning').length > 0).toBeTruthy(); 40 | }); 41 | it('shows a error toastmessage',function(){ 42 | // call to our jquery plugin under test 43 | $().toastmessage('showErrorToast', "ERROR"); 44 | 45 | expect().toastContainterCreated(); 46 | expect($('.toast-item.toast-type-error').length > 0).toBeTruthy(); 47 | }); 48 | it('shows a user configured toastmessage',function(){ 49 | // call to our jquery plugin under test 50 | $().toastmessage({ 51 | sticky : true, 52 | position : 'top-right', 53 | closeText: '' 54 | }); 55 | $().toastmessage('showToast', { 56 | text : 'Success Dialog', 57 | type : 'success' 58 | }); 59 | 60 | expect().toastContainterCreated(); 61 | expect($('.toast-item.toast-type-success').length > 0).toBeTruthy(); 62 | }); 63 | }); 64 | 65 | 66 | describe('removing toastmessages',function() { 67 | it('remove the toast with a mouseclick',function(){ 68 | 69 | var callback = jasmine.createSpy('Close-Callback'); 70 | 71 | // call to our jquery plugin under test 72 | $().toastmessage('showToast', { 73 | text : 'Success Dialog', 74 | sticky : true, 75 | position : 'top-right', 76 | type : 'success', 77 | closeText: '', 78 | close : callback 79 | }); 80 | 81 | expect(callback).not.toHaveBeenCalled(); 82 | 83 | // closing the dialog manually 84 | $('.toast-item-close').click(); 85 | 86 | expect(callback).toHaveBeenCalled(); 87 | }); 88 | it('remove the toast via api call',function(){ 89 | 90 | var callback = jasmine.createSpy('Close-Callback'); 91 | 92 | // call to our jquery plugin under test 93 | var toast = $().toastmessage('showToast', { 94 | text : 'Success Dialog', 95 | sticky : true, 96 | position : 'top-right', 97 | type : 'success', 98 | closeText: '', 99 | close : callback 100 | }); 101 | 102 | expect(callback).not.toHaveBeenCalled(); 103 | 104 | // closing the dialog manually 105 | $().toastmessage('removeToast', toast, { close : callback}); 106 | 107 | expect(callback).toHaveBeenCalled(); 108 | }); 109 | }); 110 | 111 | }); -------------------------------------------------------------------------------- /src/test/javascript/lib/jquery-1.5.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * jQuery JavaScript Library v1.5 3 | * http://jquery.com/ 4 | * 5 | * Copyright 2011, John Resig 6 | * Dual licensed under the MIT or GPL Version 2 licenses. 7 | * http://jquery.org/license 8 | * 9 | * Includes Sizzle.js 10 | * http://sizzlejs.com/ 11 | * Copyright 2011, The Dojo Foundation 12 | * Released under the MIT, BSD, and GPL Licenses. 13 | * 14 | * Date: Mon Jan 31 08:31:29 2011 -0500 15 | */ 16 | (function(a,b){function b$(a){return d.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function bX(a){if(!bR[a]){var b=d("<"+a+">").appendTo("body"),c=b.css("display");b.remove();if(c==="none"||c==="")c="block";bR[a]=c}return bR[a]}function bW(a,b){var c={};d.each(bV.concat.apply([],bV.slice(0,b)),function(){c[this]=a});return c}function bJ(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var e=a.dataTypes,f=a.converters,g,h=e.length,i,j=e[0],k,l,m,n,o;for(g=1;g| t |