入力部分にメッセージを表示して入力をサポートする

★　入力部分にメッセージを表示して入力をサポートする。


●　検索などの、入力部分に入力のメッセージを表示し、その場所を
　　クリック（フォーカス）されたら、メッセージ表示を消す。

　　メッセージ表示は、色を指定可能。
　　クリック（フォーカス）されたら、元の文字色（CSSで指定されている文字色）に
　　変わります。
　　あくまで、メッセージ表示しているときのみの文字色です。


●　関連記事

ブログ内検索の設定
http://ameblo.jp/new-blue-777/entry-10995851601.html




●　やり方（フリープラグインへ追記する）




①　コメントフォームを記事内に設置する の例(実例は私のブログを参照）

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript" src="http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css"></script>
<script type="text/javascript">
Comment_Forms('.articleText','','','','','');
focus_chg(".Comment_F .Comment_F1_input","タイトルを入れてください","#cccccc");
focus_chg(".Comment_F .Comment_F1_textarea","コメントしてね！","#cccccc");
f/script>

◆　説明

・　下記はフリープラグインの先頭に１つあればOKです。

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>


・　下記はフリープラグインに記述があれば不要。

<script type="text/javascript" src="http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css"></script>


・　形式

focus_chg("セレクタ名","表示したい文章","表示したい文章の文字色");




②　サイドバーのブログ内検索の例(実例は私のブログを参照）

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript" src="http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css"></script>
<script type="text/javascript">
focus_chg(".blogSearchForm input[name='q']","検索してください。","#cccccc");
</script>

③　アメーババーのアメブロ検索の例

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript" src="http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css"></script>
<script type="text/javascript">
focus_chg("#barForm input[name='q']","検索","#cccccc");
</script>