Wednesday, January 21, 2009

Update to Growl4Rails

Growl4Rails is now production ready. I've added the ability to show multiple growls at once, as well as improved support for IE. Here's a screen shot of the multiple Growls:



Unfortunately, the multiple growls thing was an entire rewrite of the code, so the usage is quite different.

Now, when you setup the includes, you specify default duration and max number of growls to show. These arguments are optional and will default to 3000 milliseconds and 3, respectively.


<%= growl4rails_includes(3000, 5) %>

Also, when showing the growls, the args are now a single hash, with named keys:

<script type="text/javascript" language="javascript">
Growl4Rails.showGrowl({
image_path:"/images/download.png",
title:"Foo Bar.pdf",
message:"File is ready for download."
});
</script>


When you want to handle the click event, you can wire up the event like so:

var growl_id = Growl4Rails.showGrowl({
image_path:"/images/download.png",
title:"Foo Bar.pdf",
message:"File is ready for download."
});
document.observe(growl_id + ':clicked', function(event) {
console.log('Growl %s was clicked.', Event.findElement(event).id);
});

Again, it's open source, so if you want to contribute, or if you have any feedback, you can check out the project on GitHub.

15 comments:

Alfredo said...

tempted to use this to display the flash messages :)

Jim Fiorato said...

Go for it! Let me know how it works out for you.

Alex said...

Why is this a Rails plugin and not a JavaScript library?

Jim Fiorato said...

Hey Alex,

That's really all it is. The Rails plugin part just makes it really easy to distribute on to Rails apps. Given a small amount of effort you can tack on to any site Rails/HTML/Django/.NET.

Jim

mikedc55 said...

You my friend, are awesome

Jim Fiorato said...

For those that were wondering about using this without rails, I put up a blog post on how to do it.

http://www.writebetterbits.com/2009/02/growl4rails-rails-growl4.html

TeamCo said...

Nice, but whats about title or messsage alignment?

Jim Fiorato said...

TeamCo, can you be more specific?

Caleb Cohoon said...

Thank you so much! This is perfect. :) I got it setup in no time.

Alexis said...

Hi Jim,

I made a port of your library to use it as a symfony plugin (php):

http://www.symfony-project.org/plugins/sfGrowl4RailsPlugin

Cheers,
Alexis

Jim Fiorato said...

Hey Alexis,

This is great. Thanks for letting me know.

Jim

Yellow Blade said...

Công ty vận chuyển hàng hóa nội địa chúng tôi xin giới thiệu các dịch vụ vận chuyển, dịch vụ ship hàng uy tín để phục vụ nhu cầu Tết của quý khách hàng. Cụ thể chúng tôi sẽ cung cấp dịch vụ chuyển quà tết. Chúng tôi sẽ giúp bạn vận chuyển hàng hóa đến tay người thân, bạn bè ở xa một cách nhanh chóng nhất. Đảm bảo giá cả hợp lý chất lượng dịch vụ tuyệt vời. Ngoài ra chúng tôi còn cung cấp nhiều dịch vụ khác như dịch vụ ship hàng cod, giao hàng cho shop, dịch vụ chuyển phát nhanh trong nước,... Nếu cần chuyển hàng hãy nhớ liên hệ với chúng tôi nhé.

ThanhPhong Land said...

Đèn Chiếu Sáng
den chieu sang
den led
đèn led
đèn pha led
đèn pha led
den pha led
den duong led
den duong led
chóa đèn
choa den
choa den chieu sang
chóa đèn chiếu sáng
cột đèn
cột đèn trang trí
cột đèn chiếu sáng
cột đèn sân vườn
đèn rainbow
đèn maccot
đèn master
đèn ps05
day cap dien
dây cáp điện
cáp đồng
cáp đồng ngầm
cáp đồng treo
cáp nhôm
cáp nhôm vặn xoắn
dây nhôm trần
dây đồng trần
đèn cao áp
den cao ap
bóng đèn cao áp

ThanhPhong Land said...

chung cu the golden palm
chung cư the golden palm
du an the golden palm
dự án the golden palm
can ho the golden palm
căn hộ the golden palm
mat bang the golden palm
mặt bằng the golden palm
the golden palm
golden palm
bang gia the golden palm
bảng giá the golden palm
chu dau tu the golden palm
chủ đầu tư the golden palm
golden palm le van luong
thông tin nhà đất
mua chung cu the golden palm
golden plam lê văn lương, mua
mua chung cư the golden plam
chung cu le van luong
chung cư lê văn lương
golden palm hdi
golden palm ceninvest

ThanhPhong Land said...

chung cu an binh city
chung cư an bình city
du an an binh city
dự án an bình city
can ho an binh city
căn hộ an bình city
mat bang an binh city
mặt bằng an bình city
an binh city
an bình city
an binh city pham van dong
an bình city phạm văn đồng
chung cu pham van dong
chung cư phạm văn đồng

chu dau tu an binh city
chủ đầu tư an bình city
vi tri an binh city
vị trí an bình city
tong quan du an binh city