cpjolicoeur / prototypegrowl fork watch download tarball
public
Fork of tdreyno/prototypegrowl
Description: Prototype & Scriptaculous implementation of the OS X growl notification bubbles
Homepage: http://www.craigjolicoeur.com/pgrowl
Clone URL: git://github.com/cpjolicoeur/prototypegrowl.git
Search Repo: 
add scriptaculous and use Appear/Fade effect for growl
cpjolicoeur (author)
Fri Apr 04 18:51:11 -0700 2008
commit  1384aec747dbf94076c8fdf7a73222bce8b6ea76
tree    43186039ff1a273290bb70ce4efea4ca2bdb3411
parent  78a639474384ccb4c42c2c8544063da69eec36ae
0
growl.js 
...
38
39
40
41
 
42
43
44
45
46
 
47
48
49
...
64
65
66
67
 
68
69
70
...
77
78
79
80
 
81
82
 
...
38
39
40
 
41
42
43
44
45
 
46
47
48
49
...
64
65
66
 
67
68
69
70
...
77
78
79
 
80
81
82
 
0
@@ -38,12 +38,12 @@ Growl.Base = Class.create({
0
   },
0
   
0
   show: function(block_elem, options) {
0
-		block_elem.show();
0
+		Effect.Appear(block_elem.identify());
0
     this.hide.bind(this).delay(options.duration);
0
   },
0
   
0
   hide: function(elem) {
0
-		elem.hide();
0
+		Effect.Fade(elem);
0
   }
0
   
0
 });
0
@@ -64,7 +64,7 @@ Growl.Smoke = Class.create(Growl.Base, {
0
     block_elem = this.create();
0
     
0
     var delta = document.viewport.getScrollOffsets()[1]+10+((this.queue.length)*83);
0
-		block_elem.setStyle({ 'top':delta+'px', 'right':'10px', 'display':'block'});
0
+		block_elem.setStyle({ 'top':delta+'px', 'right':'10px'});
0
     
0
     block_elem.down('img').setAttribute('src', options.image);
0
     block_elem.down('h3').update(options.title);
0
@@ -77,6 +77,6 @@ Growl.Smoke = Class.create(Growl.Base, {
0
   hide: function($super) {
0
     var elem = this.queue.shift();
0
     $super(elem);
0
-		elem.remove();
0
+		//elem.remove();
0
   }
0
 });
0
test.html 
...
5
6
7
 
 
8
9
10
11
12
13
14
 
15
16
17
...
23
24
25
 
26
27
28
 
...
5
6
7
8
9
10
11
12
13
14
15
 
16
17
18
19
...
25
26
27
28
29
30
31
 
0
@@ -5,13 +5,15 @@
0
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
0
 <script type="text/javascript" charset="utf-8" src="prototype-1.6.0.2.js"></script>
0
 <script type="text/javascript" charset="utf-8" src="growl.js"></script>
0
+<script type="text/javascript" charset="utf-8" src="scriptaculous.js"></script>
0
+<script type="text/javascript" charset="utf-8" src="effects.js"></script>
0
 <link rel="stylesheet" href="http://icebeat.bitacoras.com/mootools/growl/css.css" type="text/css" />
0
 </head>
0
 <body>
0
   <h3><img src="http://icebeat.bitacoras.com/mootools/growl/logo.jpg" alt="Window.Growl 2.0" title="Window.Growl 2.0"></h3>
0
   <ul>
0
     <li><a href="#" id="smoke" title="Show msg Smoke">Show Growl Smoke.</a></li>
0
-		<li><a href="#" id="bezel" title="Show msg Bezel">Show Growl Bezel.</a></li>
0
+		<li><a href="#" id="bezel" title="Show msg Bezel">Show Growl Bezel.</a> <b>(NOT WORKING YET)</b></li>
0
     <li><a href="growl.js" title="Download">Download js.</a></li>
0
   </ul>
0
   <pre><code>Growl.Smoke({
0
@@ -23,6 +25,7 @@
0
   <p>
0
     By <a href="http://icebeat.bitacoras.com" title="Blog">Daniel Mota</a>.
0
   </p>
0
+
0
   <script type="text/javascript" charset="utf-8">
0
     var growl = new Growl.Smoke;
0
     $('smoke').observe('click', function(event) {

Comments

    No one has commented yet.