« html5 enabling script | トップページ | CSS3とFlashの比較 »

2010年8月30日 (月)

formLabels 導入メモ

ラベルの文字をフォーカスしたときに薄く表示するjQuery Plugin「formlabels」の導入覚え書きです。

formLabels
DEMO

1)スクリプトを読み込ませます。
メタタグ内部に記入します。
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.min.js"></script>
<script type="text/javascript" src="jquery.formLabels1.0.js"></script>

2)設定用のスクリプトを記入します。
<script type="text/javascript">
 $(function(){
 $.fn.formLabels();
 $("form").submit(function(){
 var formVal = $("form").serialize();
 parent.$("#default div.results").html(formVal);
 return false
 })
 });
</script>


|

« html5 enabling script | トップページ | CSS3とFlashの比較 »

jQuery」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/1378074/38375872

この記事へのトラックバック一覧です: formLabels 導入メモ:

« html5 enabling script | トップページ | CSS3とFlashの比較 »