@@ -12,10 +12,32 @@ Craig P Jolicoeur <cpjolicoeur@gmail.com - http://github.com/cpjolicoeur>
== Usage ==
-...coming soon...
+to create a new growl use the following code:
+
+var growl = new Growl.Smoke;
+growl.show({option: value});
+
+The following option:value pairs can be set:
+
+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
+
+
+== Misc ==
+
+Much 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
+Growl (jquery) - http://alexsancho.name/archives/2006/11/windowgrowl-con-jquery/
+yowl (YUI) - http://code.google.com/p/yowl/
== TODO ==
* If using Effects, do a sanity check to make sure the needed libraries
-are included.
\ No newline at end of file
+are included.
README
@@ -7,22 +7,22 @@
z-index: 999;
font-family: "Lucida Grande", arial, helvetica, sans-serif;
background: url(smoke.png) no-repeat; }
- .growl-smoke img {
- float: left;
- display: inline;
- margin: 12px; }
- .growl-smoke h3 {
- margin: 0;
- padding: 10px 0;
- font-size: 13px;
- line-height: 17px;
- color: #fff;
- text-shadow: 0 0 0 #000;
- -moz-opacity: 0.9999; }
- .growl-smoke p {
- margin: 0 10px;
- font-size: 12px;
- line-height: 16px;
- color: #fff;
- text-shadow: 0 0 0 #000;
- -moz-opacity: 0.9999; }
\ No newline at end of file
+.growl-smoke img {
+ float: left;
+ display: inline;
+ margin: 12px; }
+.growl-smoke h3 {
+ margin: 0;
+ padding: 10px 0;
+ font-size: 13px;
+ line-height: 17px;
+ color: #fff;
+ text-shadow: 0 0 0 #000;
+ -moz-opacity: 0.9999; }
+.growl-smoke p {
+ margin: 0 10px;
+ font-size: 12px;
+ line-height: 16px;
+ color: #fff;
+ text-shadow: 0 0 0 #000;
+ -moz-opacity: 0.9999; }
\ No newline at end of file
growl.css
@@ -49,7 +49,8 @@
text: 'http://github.com/tdreyno/prototypegrowl',
image: 'growl.jpg',
autohide: 2,
- animated: 0.75
+ 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>.
@@ -68,7 +69,7 @@
});
$('smoke2').observe('click', function(event) {
growl.show({
- image: 'http://www.gravatar.com/avatar.php?gravatar_id=a4c4bd782c415f9ec93fe11e5694bf06&rating=PG&size=48',
+ image: 'http://www.gravatar.com/avatar.php?gravatar_id=cf8a610127d1108dfe67f673320b5fe5&rating=PG&size=48',
title: 'I close automatically',
autohide: 2
});
test.html
18e3bf647ac5a3c6b6f33f44153aae2dac584f96
Craig P Jolicoeur
cpjolicoeur@gmail.com
http://github.com/tdreyno/prototypegrowl/commit/4aaf7d78f3364c781530c12ee5c3da30e930965a
4aaf7d78f3364c781530c12ee5c3da30e930965a
2008-12-19T21:35:18-08:00
2008-04-05T19:48:38-07:00
updated docs
Signed-off-by: Thomas Reynolds <tdreyno@gmail.com>
c75ec5d0c1b7a40ec8a1badf2c5205996bfec6fb
Thomas Reynolds
tdreyno@gmail.com