実装ついでに【ポップアップ ヘルプ】をつけとく_(・・_*)

あとから、「仕様なんだっけ？」と思いそうなところや、
「ユーザーが分かりにくそう」というところには、なるべく実装のついでに
ポップアップヘルプを残しておけばあとあと楽・・なハズ☆

<script src="/app/webroot/js/bootstrap.js"></script>
$(function() {
   $('[rel=popover]').popover();
});

<i class="icon-question-sign popover-test" role="" rel="popover" data-html="true"  data-content="ヘルプメッセージ" data-placement="right"></i>

　

ヘルプアイコン

Twitterbootstrap のicon-question-sign　　※バージョンによって指定名が変わるので注意
 ↓　

参考 :http://php-fan.org/sample_code_demo/bootstrap.html

　

ポップアップメッセージの出し方

基本オプション
・data-content="メッセ"表示したいメッセージをこれにあてる。

・data-html="true" をいれると、data-content のなかで<br>がきくようなる。

・data-placement="right"ポップアップ吹き出しをどの方向に出すか

他オプション参考：http://www.matomater.com/441/