Commits

Anonymous committed 6b25c0f

Minor updates, mostly CSS structuring.

  • Participants
  • Parent commits 1d4c44c

Comments (0)

Files changed (10)

examples/jgrowl-pool.html

 	<head>
 		<title>jGrowl Pooling Tests</title>
 		<link rel="stylesheet" href="../jquery.jgrowl.css" type="text/css"/>
-		<script type="text/javascript" src="../jquery-1.3.2.js"></script>
+		<script type="text/javascript" src="../jquery-1.4.1.js"></script>
 		<script type="text/javascript" src="../jquery.jgrowl.js"></script>
 		<script type="text/javascript">
 

examples/jgrowl.html

 			}
 
 		</style>
-		<script type="text/javascript" src="../jquery-1.3.2.js"></script>
+		<script type="text/javascript" src="../jquery-1.4.1.js"></script>
 		<script type="text/javascript" src="./jquery.ui.all.js"></script>
 		<script type="text/javascript" src="../jquery.jgrowl.js"></script>
 		<script type="text/javascript">

examples/jquery-ui1.html

 		</script>
 
 		<script type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>
-		<script type="text/javascript" src="../jquery-1.3.2.js"></script>
+		<script type="text/javascript" src="../jquery-1.4.1.js"></script>
 		<script type="text/javascript" src="../jquery.jgrowl.js"></script>
 		<script type="text/javascript">
 

examples/jquery-ui2.html

 		</script>
 
 		<script type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>
-		<script type="text/javascript" src="../jquery-1.3.2.js"></script>
+		<script type="text/javascript" src="../jquery-1.4.1.js"></script>
 		<script type="text/javascript" src="../jquery.jgrowl.js"></script>
 		<script type="text/javascript">
 

examples/jquery-ui3.html

 		</script>
 
 		<script type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>
-		<script type="text/javascript" src="../jquery-1.3.2.js"></script>
+		<script type="text/javascript" src="../jquery-1.4.1.js"></script>
 		<script type="text/javascript" src="../jquery.jgrowl.js"></script>
 		<script type="text/javascript">
 

examples/jtweet.html

 	<head>
 		<title>jGrowl meet Twitter</title>
 		<link rel="stylesheet" href="../jquery.jgrowl.css" type="text/css"/>
-		<script type="text/javascript" src="../jquery-1.3.2.js"></script>
+		<script type="text/javascript" src="../jquery-1.4.1.js"></script>
 		<script type="text/javascript" src="../jquery.jgrowl.js"></script>
 		<script type="text/javascript">
 

examples/multiple-containers.html

      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html>
   <head>
-    <script src="../jquery-1.3.2.js"></script>
+    <script src="../jquery-1.4.1.js"></script>
     <script src="../jquery.jgrowl.js"></script>
     <link rel="stylesheet" type="text/css" href="../jquery.jgrowl.css"/>
     </head>

examples/sideways.html

 			}
 
 		</style>
-		<script type="text/javascript" src="../jquery-1.3.2.js"></script>
+		<script type="text/javascript" src="../jquery-1.4.1.js"></script>
 		<script type="text/javascript" src="./jquery.ui.all.js"></script>
 		<script type="text/javascript" src="../jquery.jgrowl.js"></script>
 		<script type="text/javascript">

jquery.jgrowl.css

 }
 
 /** Normal Style Positions **/
+div.jGrowl {
+	position:			absolute;
+}
+
 body > div.jGrowl {
 	position:			fixed;
 }
 
-body > div.jGrowl.top-left {
+div.jGrowl.top-left {
 	left: 				0px;
 	top: 				0px;
 }
 
-body > div.jGrowl.top-right {
+div.jGrowl.top-right {
 	right: 				0px;
 	top: 				0px;
 }
 
-body > div.jGrowl.bottom-left {
+div.jGrowl.bottom-left {
 	left: 				0px;
 	bottom:				0px;
 }
 
-body > div.jGrowl.bottom-right {
+div.jGrowl.bottom-right {
 	right: 				0px;
 	bottom: 			0px;
 }
 
-body > div.jGrowl.center {
+div.jGrowl.center {
 	top: 				0px;
 	width: 				50%;
 	left: 				25%;
 	min-height: 			40px;
 }
 
-div.jGrowl div.jGrowl-notification div.header {
+div.jGrowl div.jGrowl-notification div.jGrowl-header {
 	font-weight: 			bold;
 	font-size:				.85em;
 }
 
-div.jGrowl div.jGrowl-notification div.close {
+div.jGrowl div.jGrowl-notification div.jGrowl-close {
 	z-index:				99;
 	float: 					right;
 	font-weight: 			bold;
 /**
- * jGrowl 1.2.4
+ * jGrowl 1.2.5
  *
  * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
  * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
  *
  * Written by Stan Lemon <stosh1985@gmail.com>
- * Last updated: 2009.12.13
+ * Last updated: 2009.12.15
  *
  * jGrowl is a jQuery plugin implementing unobtrusive userland notifications.  These 
  * notifications function similarly to the Growl Framework available for
  * To Do:
  * - Move library settings to containers and allow them to be changed per container
  *
+ * Changes in 1.2.5
+ * - Changed wrapper jGrowl's options usage to "o" instead of $.jGrowl.defaults
+ * - Added themeState option to control 'highlight' or 'error' for jQuery UI
+ * - Ammended some CSS to provide default positioning for nested usage.
+ * - Changed some CSS to be prefixed with jGrowl- to prevent namespacing issues
+ *
  * Changes in 1.2.4
  * - Fixed IE bug with the close-all button
  * - Fixed IE bug with the filter CSS attribute (special thanks to gotwic)
 	$.jGrowl = function( m , o ) {
 		// To maintain compatibility with older version that only supported one instance we'll create the base container.
 		if ( $('#jGrowl').size() == 0 ) 
-			$('<div id="jGrowl"></div>').addClass($.jGrowl.defaults.position).appendTo('body');
+			$('<div id="jGrowl"></div>').addClass( (o && o.position) ? o.position : $.jGrowl.defaults.position ).appendTo('body');
 
 		// Create a notification on the container.
 		$('#jGrowl').jGrowl(m,o);
 			header: 		'',
 			group: 			'',
 			sticky: 		false,
-			position: 		'top-right', // Is this still needed?
+			position: 		'top-right',
 			glue: 			'after',
 			theme: 			'default',
+			themeState: 	'highlight',
 			corners: 		'10px',
 			check: 			250,
 			life: 			3000,
 			var o = notification.options;
 
 			var notification = $(
-				'<div class="jGrowl-notification ui-state-highlight ui-corner-all' + 
+				'<div class="jGrowl-notification ' + o.themeState + ' ui-corner-all' + 
 				((o.group != undefined && o.group != '') ? ' ' + o.group : '') + '">' +
-				'<div class="close">' + o.closeTemplate + '</div>' +
-				'<div class="header">' + o.header + '</div>' +
-				'<div class="message">' + message + '</div></div>'
-			).data("jGrowl", o).addClass(o.theme).children('div.close').bind("click.jGrowl", function() {
+				'<div class="jGrowl-close">' + o.closeTemplate + '</div>' +
+				'<div class="jGrowl-header">' + o.header + '</div>' +
+				'<div class="jGrowl-message">' + message + '</div></div>'
+			).data("jGrowl", o).addClass(o.theme).children('div.jGrowl-close').bind("click.jGrowl", function() {
 				$(this).parent().trigger('jGrowl.close');
 			}).parent();