さりげなくメッセージを出すjQueryのライブラリ「jGrowl」

2009年1月21日
| コメント(0) | トラックバック(1) さりげなくメッセージを出すjQueryのライブラリ「jGrowl」

さりげなくメッセージを出すのが、こんなに簡単にできるとは!

GrowlはMac OSXをお使いの方であれば知っているであろう、通知を行うためのフレームワーク的アプリケーションだ。Firefox、Cyberduck、Skypeなどなど、大抵のソフトウェアで利用されている。通知メッセージは画面の右上に表示され、時間が経過すると自動で消えていく、非常に使い勝手の良いアプリケーションだ。

それが「Growl」らしい。
妻は今現在Mac使いだが、私のMac歴はSystem7で止まっているので、何のことかはわからない。
が、WindowsXPの場合はバルーンがこれに当たるだろうなぁと想像したが、ほぼ正解だった。

で、それをjQueryを使って実現したのが「jGrowl」です。

jGrowlはそんな仕組みをJavaScriptで実現している。さらにjQueryプラグインとして提供することで、とても簡単に呼び出すことができる。Ajaxを使う場合はもちろん、様々な場面で利用できそうだ。

ただ使うだけなら本当に簡単です。
jqueryとjquery.jgrowl.jsを読み込んだ後、「$.jGrowl」で(それこそalertのように)使えます。
当然スタイルシートも忘れずに。

オフィシャル:stanlemon.net : jgrowl

メッセージを出してみる

<a href="javascript:void(0);" onclick="$.jGrowl('これがメッセージです');">メッセージを出してみる</a>

こんなに簡単なら何にでも使えそうですね。

少し練習してみました。

トラックバック(1)

このブログ記事に対するトラックバックURL:

このブログ記事を参照しているブログ一覧:

面白い記事を読んだので、早速試してみた。 そこで使ってみたいのがBlackbir... 続きを読む

コメントする

Google検索

Last.fm

このブログ記事について

このページは、のぶりんが2009年1月21日 02:36に書いたブログ記事です。

ひとつ前のブログ記事は「jQueryを使ってブラウザ上でスライドショー」です。

次のブログ記事は「開発(という名の実験)スクリプトを公開するバーチャルホストを作った」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

Creative Commons License
このブログのライセンスは クリエイティブ・コモンズライセンス.
Powered by Movable Type