twitterbootstrap で notification alert

2013年3月28日更新 view: 20 view

完了メッセージを出す

TwitterBootstrap で完了メッセージを出すプラグインのご紹介。

http://nijikokun.github.com/bootstrap-notify/

で、ファイルをダウンロードして適当に設置するだけ。

使い方

上記の公式ページにはあらかじめ .center などの div タグを用意しといてね。
と書いてある。

でも用意してもあんまり意味ないのでjs で自動生成する。

$(function() {
         $("body").append("<div class='notifications center'></div>");
         $('.center').notify({
            message: { text: 'めっちゃえっろいがね!' },
            type: 'danger',//info , success , warning ,danger , inverse
         }).show(); // for the ones that aren't closable and don't fade out there is a .hide() function.
    });

こんな感じ。

スポンサードリンク

これで上記のような アラートメッセージを出すことが出来ます。

スポンサードリンク

関連記事

関連カテゴリ

コロ助

web関連の記事や制作系の記事をどんどんまとめていきます。 宜しくお願いします!

ピックアップ

パソコン・ソフトウェア ランキング

6月24日 ( 土 ) にアクセスが多かった記事はこちら!