public/images/body.gif public/images/body_hi.gif public/images/bottom.gif public/images/bottom_hi.gif public/images/corner_ll.gif public/images/corner_ll_hi.gif public/images/corner_lr.gif public/images/corner_lr_hi.gif public/images/corner_ul.gif public/images/corner_ul_hi.gif public/images/corner_ur.gif public/images/corner_ur_hi.gif public/images/top.gif public/images/top_hi.gif public/stylesheets/growl4rails_ie6.css @@ -7,7 +7,11 @@ module ActionView::Helpers def growl4rails_includes(duration = 5000, max_showing = 3) javascript_tag("var growl4rails_duration = #{duration}; var growl4rails_max_showing = #{max_showing};") + "\n" + javascript_include_tag("#{asset_path}growl4rails.js") + "\n" + - stylesheet_link_tag("#{asset_path}growl4rails.css") + stylesheet_link_tag("#{asset_path}growl4rails.css") + "\n" + + "<!--[if lt IE 7]>\n" + + stylesheet_link_tag("#{asset_path}growl4rails_ie6.css") + "\n" + + "<![endif]-->" + end def asset_path lib/growl.rb @@ -24,7 +24,7 @@ var templateHTML = '<div id="#{id}" class="growl4rails_cell" style="display:none </table>\ </div>\ <div id="growl4rails_info_#{id}" class="growl4rails_info" style="display:none;">\ - <img src="#{img}" class="growl4rails_image" align="left" />\ + <div class="growl4rails_image" style="#{img_style}"></div>\ <div class="growl4rails_title">#{title}</div>\ <div class="growl4rails_message">#{message}<div>\ </div>'; @@ -53,10 +53,18 @@ Growl4Rails.showGrowl = function(arguments) { growl4rails_current_showing++; //add it to the document + + //IE6 PNG fix for icons + var img_path = $H(arguments).get('image_path'); + var is_png = (img_path.substring(img_path.length-3, img_path.length).toUpperCase() == "PNG") + var img_style = 'background-image:url(' + img_path + ');background-repeat: no-repeat;'; + if (Prototype.Browser.IE && navigator.userAgent.match(/MSIE [456]/) && is_png) { + img_style = 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + img_path + '\');'; + } var data = { id:growl_cell_id, title:$H(arguments).get('title'), - img:$H(arguments).get('image_path'), + img_style:img_style, message:$H(arguments).get('message') }; @@ -119,11 +127,17 @@ Growl4Rails.showGrowl = function(arguments) { Growl4Rails.hideGrowl = function(growl_cell_id) { growl4rails_timer_hash.unset(growl_cell_id); if(Prototype.Browser.IE) { - $('growl4rails_info_' + growl_cell_id).hide(); - $(growl_cell_id).hide(); + if($('growl4rails_info_' + growl_cell_id)) + $('growl4rails_info_' + growl_cell_id).hide(); + + if($(growl_cell_id)) + $(growl_cell_id).hide(); } else { - Effect.Fade('growl4rails_info_' + growl_cell_id, { duration: 1.0 }); - Effect.Fade(growl_cell_id, { duration: 1.0 }); + if($('growl4rails_info_' + growl_cell_id)) + Effect.Fade('growl4rails_info_' + growl_cell_id, { duration: 1.0 }); + + if($(growl_cell_id)) + Effect.Fade(growl_cell_id, { duration: 1.0 }); } setTimeout("Growl4Rails.removeGrowl('" + growl_cell_id + "')", 1000); @@ -131,7 +145,11 @@ Growl4Rails.hideGrowl = function(growl_cell_id) { Growl4Rails.removeGrowl = function(growl_cell_id) { growl4rails_current_showing--; - $(growl_cell_id).remove(); + if($('growl4rails_info_' + growl_cell_id)) + $('growl4rails_info_' + growl_cell_id).remove(); + + if($(growl_cell_id)) + $(growl_cell_id).remove(); //if this is the last growl, fire an event so we can show more, if there are any if(growl4rails_current_showing == 0) { public/javascripts/growl4rails.js @@ -1,6 +1,7 @@ .growl4rails_cell { position: absolute; width: 379px; + cursor:hand; cursor:pointer; z-index: 99; } @@ -66,11 +67,17 @@ position: absolute; width: 320px; overflow: hidden; + cursor:hand; cursor:pointer; z-index: 99; } .growl4rails_image { - padding: 2px; + background-position: center center; + padding: 2px 2px 0px 2px; + width:32px; + height:32px; + float:left; + cursor:hand; cursor:pointer; } .growl4rails_title { @@ -78,11 +85,13 @@ font-size: 11pt; font-family: arial; font-weight: bold; + cursor:hand; cursor:pointer; } .growl4rails_message { color: #FFF; font-size: 10pt; font-family: arial; + cursor:hand; cursor:pointer; } \ No newline at end of file public/stylesheets/growl4rails.css public/images/left.png public/images/left_hi.png public/images/right.png public/images/right_hi.png 6dcd0c5da041f910069a102cce059f28375f9239 Jim Fiorato jimfiorato@jim-fioratos-macbook-pro-2.local http://github.com/jfiorato/growl4rails/commit/958b17de5befcb7564f24ebe0bd2fd035554feff 958b17de5befcb7564f24ebe0bd2fd035554feff 2009-02-13T06:20:25-08:00 2009-02-13T06:20:25-08:00 - Better IE 6 support. - Resolve occassional error when element removed too early 027a3147b6fc5f26cd368b873ca84c8cb634668f Jim Fiorato jimfiorato@jim-fioratos-macbook-pro-2.local