开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > Java编程 > Ajax > 查看源码
growler.js
资源名称：typo-5.4.4.zip　[点击查看]
上传用户：netsea168
上传日期：2022-07-22
资源大小：4652k
文件大小：7k
源码类别：

Ajax

开发平台：

Others

growler.js：源码内容
  1. /**
  2.  * k.Growler 1.0.0
  3.  *
  4.  * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
  5.  * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
  6.  *
  7.  * Written by Kevin Armstrong <kevin@kevinandre.com>
  8.  * Last updated: 2008.10.14
  9.  *
  10.  * Growler is a PrototypeJS based class that displays unobtrusive notices on a page. 
  11.  * It functions much like the Growl (http://growl.info) available on the Mac OS X. 
  12.  *
  13.  * Changes in 1.0.1:
  14.  * - 
  15.  *
  16.  * @todo
  17.  */
  18. window.k = window.k || {};
  19. ;(function(){
  21. var noticeOptions = {
  22. header:  '&nbsp;'
  23. ,speedin:  0.3
  24. ,speedout:  0.5
  25. ,outDirection:  { y: -20 }
  26. ,life:  5
  27. ,sticky:  false
  28. ,className:  ""
  29. };
  30. var growlerOptions = {
  31. location:  "tr"
  32. ,width:  "250px"
  33. };
  34. var IE = (Prototype.Browser.IE) ? parseFloat(navigator.appVersion.split("MSIE ")[1]) || 0 : 0;
  35. function removeNotice(n, o){
  36. o = o || noticeOptions;
  37. new Effect.Parallel([
  38. new Effect.Move(n, Object.extend({ sync: true, mode: 'relative' }, o.outDirection)),
  39. new Effect.Opacity(n, { sync: true, to: 0 }) 
  40. ], {
  41. duration: o.speedout
  42. ,afterFinish: function(){
  43. try {
  44. var ne = n.down("div.notice-exit");
  45. if(ne != undefined){
  46. ne.stopObserving("click", removeNotice);
  47. }
  48. if(o.created && Object.isFunction(o.created)){
  49. n.stopObserving("notice:created", o.created);
  50. }
  51. if(o.destroyed && Object.isFunction(o.destroyed)){
  52. n.fire("notice:destroyed");
  53. n.stopObserving("notice:destroyed", o.destroyed);
  54. }
  55. } catch(e){}
  56. try {
  57. n.remove();
  58. } catch(e){}
  59. }
  60. });
  61. }
  62. function createNotice(growler, msg, options){
  63. var opt = Object.clone(noticeOptions);
  64. options = options || {};
  65. Object.extend(opt, options);
  66. var notice;
  67. if (opt.className != ""){
  68. notice = new Element("div", {"class": opt.className}).setStyle({display: "block", opacity: 0});
  69. } else {
  70. notice = new Element("div", {"class": "Growler-notice"}).setStyle({display: "block", opacity: 0});
  71. }
  72. if(opt.created && Object.isFunction(opt.created)){
  73. notice.observe("notice:created", opt.created);
  74. }
  75. if(opt.destroyed && Object.isFunction(opt.destroyed)){
  76. notice.observe("notice:destroyed", opt.destroyed);
  77. }
  78. if (opt.sticky){
  79. var noticeExit = new Element("div", {"class": "Growler-notice-exit"}).update("&times;");
  80. noticeExit.observe("click", function(){ removeNotice(notice, opt); });
  81. notice.insert(noticeExit);
  82. }
  83. notice.insert(new Element("div", {"class": "Growler-notice-head"}).update(opt.header));
  84. notice.insert(new Element("div", {"class": "Growler-notice-body"}).update(msg));
  85. growler.insert(notice);
  86. new Effect.Opacity(notice, { to: 0.85, duration: opt.speedin });
  87. if (!opt.sticky){
  88. removeNotice.delay(opt.life, notice, opt);
  89. }
  90. notice.fire("notice:created");
  91. return notice;
  92. }
  93. function specialNotice(g, m, o, t, b, c){
  94. o.header = o.header || t;
  95. var n = createNotice(g, m, o);
  96. n.setStyle({ backgroundColor: b, color: c });
  97. return n;
  98. }
  99. k.Growler = Class.create({
  100. initialize: function(options){
  101. var opt = Object.clone(growlerOptions);
  102. options = options || {};
  103. Object.extend(opt, options);
  104. this.growler = new Element("div", { "class": "Growler", "id": "Growler" });
  105. this.growler.setStyle({ position: ((IE==6)?"absolute":"fixed"), padding: "10px", "width": opt.width, "z-index": "50000" });
  106. if(IE==6){
  107. var offset = { w: parseInt(this.growler.style.width)+parseInt(this.growler.style.padding)*3, h: parseInt(this.growler.style.height)+parseInt(this.growler.style.padding)*3 };
  108. switch(opt.location){
  109. case "br":
  110. this.growler.style.setExpression("left", "( 0 - Growler.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px'");
  111.    this.growler.style.setExpression("top", "( 0 - Growler.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px'");
  112. break;
  113. case "tl":
  114. this.growler.style.setExpression("left", "( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px'");
  115.    this.growler.style.setExpression("top", "( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px'");
  116. break;
  117. case "bl":
  118. this.growler.style.setExpression("left", "( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px'");
  119.    this.growler.style.setExpression("top", "( 0 - Growler.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px'");
  120. break;
  121. default:
  122. this.growler.setStyle({right: "auto", bottom: "auto"});
  123. this.growler.style.setExpression("left", "( 0 - Growler.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px'");
  124.    this.growler.style.setExpression("top", "( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px'");
  125. break;
  126. }
  127. } else {
  128. switch(opt.location){
  129. case "br":
  130. this.growler.setStyle({bottom: 0, right: 0});
  131. break;
  132. case "tl":
  133. this.growler.setStyle({top: 0, left: 0});
  134. break;
  135. case "bl":
  136. this.growler.setStyle({top: 0, right: 0});
  137. break;
  138. case "tc":
  139. this.growler.setStyle({top: 0, left: "25%", width: "50%"});
  140. break;
  141. case "bc":
  142. this.growler.setStyle({bottom: 0, left: "25%", width: "50%"});
  143. break;
  144. default:
  145. this.growler.setStyle({top: 0, right: 0});
  146. break;
  147. }
  148. }
  149. this.growler.wrap( document.body );
  150. }
  151. ,growl: function(msg, options) {
  152. return createNotice(this.growler, msg, options);
  153. }
  154. ,warn: function(msg, options){
  155. return specialNotice(this.growler, msg, options, "Warning!", "#F6BD6F", "#000");
  156. }
  157. ,error: function(msg, options){
  158. return specialNotice(this.growler, msg, options, "Critical!", "#F66F82", "#000");
  159. }
  160. ,info: function(msg, options){
  161. return specialNotice(this.growler, msg, options, "Information!", "#BBF66F", "#000");
  162. }
  163. ,ungrowl: function(n, o){
  164. removeNotice(n, o);
  165. }
  166. });
  168. })();