@@ -1,35 +1,50 @@
== Description ==
-prototypeGrowl is an implementation of the Mac OS X Growl notification system
-using the Prototype javascript library.
+prototypeGrowl is an implementation of the Mac OS X Growl notification system using the Prototype javascript library.
== Authors ==
-Thomas Reynolds <tdreyno@gmail.com - http://github.com/tdreyno>
Craig P Jolicoeur <cpjolicoeur@gmail.com - http://github.com/cpjolicoeur>
+Thomas Reynolds <tdreyno@gmail.com - http://github.com/tdreyno>
+
+
+== Version ==
+
+1.0 - Released March 13, 2009
== Usage ==
-to create a new growl use the following code:
+To create a new growl use the following code:
+
+ var growl = new Growl.Smoke;
+ growl.show( {option: value} );
+
+To create a new growl with the bezel format, use the following code:
+
+ var growl = new Growl.Bezel;
+ growl.show( {option: value} );
+
+
+The following option:value pairs can be set with both Growl.Smoke and Growl.Bezel:
+
+ image: 'path to image file to use in growl bubble'
+ title: 'title of growl bubble'
+ content: 'message for growl bubble'
+ autohide: time in seconds to display the growl bubble (set to 0 to keep visible until clicked)
+ animated: time in seconds of fade in / fade out animation (set to 0 to prevent animation)
+ opacity: value from 0 - 1 of opacity of growl bubble
-var growl = new Growl.Smoke;
-growl.show({option: value});
-The following option:value pairs can be set:
+== Contributors ==
-image: 'path to image file to use in growl bubble'
-title: 'title of growl bubble'
-content: 'message for growl bubble'
-autohide: time in seconds to display the growl bubble (set to 0 to keep visible until clicked)
-animated: time in seconds of fade in / fade out animation (set to 0 to prevent animation)
-opacity: value from 0 - 1 of opacity of growl bubble
+Sebastian Ryszard Kruk - Growl.Bezel support
== Misc ==
-Much thanks to the following javascript growl implementations for ideas and inspiration:
+Many thanks to the following javascript growl implementations for ideas and inspiration:
Window.Growl (mootools) - http://icebeat.bitacoras.com/mootools/growl/
protoGrowl (prototype) - http://www.midgard-project.org/documentation/protogrowl
README
@@ -1,7 +1,9 @@
// prototypeGrowl - Growl for Prototype
//
-// Thomas Reynolds <tdreyno@gmail.com - http://github.com/tdreyno>
// Craig P Jolicoeur <cpjolicoeur@gmail.com - http://github.com/cpjolicoeur>
+// Thomas Reynolds <tdreyno@gmail.com - http://github.com/tdreyno>
+//
+// Version: 1.0
//
// Copyright (c) 2008 Thomas Reynolds, Craig P Jolicoeur
//
growl.js
@@ -1,7 +1,7 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
-<title>prototypeGrowl 0.8</title>
+<title>prototypeGrowl 1.0</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" charset="utf-8" src="prototype-1.6.0.2.js"></script>
<script type="text/javascript" charset="utf-8" src="effects.js"></script>
@@ -41,23 +41,27 @@
<ul>
<li><a href="#" id="smoke1" title="Show msg Smoke">Show Growl Smoke.</a> (click to close)</li>
<li><a href="#" id="smoke2" title="Show msg Smoke">Show Growl Smoke.</a> (autohide)</li>
- <li><a href="#" id="bezel" title="Show msg Bezel">Show Growl Bezel.</a> <b>(NOT WORKING YET)</b></li>
- <li><a href="growl.js" title="Download">Download js.</a></li>
+ <li><a href="#" id="bezel1" title="Show msg Bezel">Show Growl Bezel.</a> (click to close)</li>
+ <li><a href="#" id="bezel2" title="Show msg Bezel">Show Growl Bezel.</a> (autohide)</li>
</ul>
<pre><code>
var growl = new Growl.Smoke;
growl.show({
title: 'prototypeGrowl',
- text: 'http://github.com/tdreyno/prototypegrowl',
+ text: 'http://github.com/cpjolicoeur/prototypegrowl',
image: 'growl.jpg',
autohide: 2,
animated: 0.75,
opacity: 0.8
});
</code></pre>
- <p>
- By <a href="http://github.com/tdreyno" title="Thomas Reynolds">Thomas Reynolds</a> and <a href="http://github.com/cpjolicoeur" title="Blog">Craig P Jolicoeur</a>.
- </p>
+ <ul>
+ <li><a href="http://github.com/cpjolicoeur/prototypegrowl" title="Download">Download the source on GitHub.</a></li>
+ <li><a href="prototypegrowl_1.0.zip" title="Download">Download the latest release (version 1.0)</a></li>
+ </ul>
+ <div class="footer" style="margin-top:5em;border-top:1px solid #000;padding-top:1em;">
+ <p>© 2008 <a href="http://github.com/cpjolicoeur" title="Blog">Craig P Jolicoeur</a> and <a href="http://github.com/tdreyno" title="Thomas Reynolds">Thomas Reynolds</a>.</p>
+ </div>
<script type="text/javascript" charset="utf-8">
var growl = new Growl.Smoke;
@@ -78,14 +82,26 @@
});
event.stop();
});
-
- // $('bezel').observe('click', function(event) {
- // var growl = new Growl.Bezel;
- // growl.show({
- // title: 'Window.Growl<br />By Daniel Mota'
- // });
- // event.stop();
- // });
+
+ var growlb = new Growl.Bezel;
+ $('bezel1').observe('click', function(event) {
+ growlb.show({
+ image: 'http://www.gravatar.com/avatar.php?gravatar_id=a4c4bd782c415f9ec93fe11e5694bf06&rating=PG&size=48',
+ title: 'Click me to close',
+ text: 'Tell what is happening at the moment',
+ autohide: 0,
+ });
+ event.stop();
+ });
+ $('bezel2').observe('click', function(event) {
+ growlb.show({
+ image: 'http://www.gravatar.com/avatar.php?gravatar_id=cf8a610127d1108dfe67f673320b5fe5&rating=PG&size=48',
+ title: 'I will close automatically',
+ text: 'blah, blah, blah',
+ autohide: 2
+ });
+ event.stop();
+ });
</script>
</body>
-</html>
\ No newline at end of file
+</html>
test.html
5a93eb90481fa657ecffc68275caf045e56cb79a
Craig P Jolicoeur
cpjolicoeur@gmail.com
http://github.com/cpjolicoeur/prototypegrowl/commit/1122b870514c91d44b1fe3596f1720317cd4c5ba
1122b870514c91d44b1fe3596f1720317cd4c5ba
2009-03-14T18:01:49-07:00
2009-03-14T17:56:20-07:00
update the test page and README files
2a32fb1c5007ff30e0261f884d0c637a79f335d0
Craig P Jolicoeur
cpjolicoeur@gmail.com