株式会社アイネックスはソフトウェアの開発、データ復旧サービス、ホームページの作成ツール企業です。

横浜、東京に拠点を置き、検証システム/金融・証券のシステム等の構築、開発を行い、
    データ復旧サービス、ホームページの作成ツール支援と多岐にわたるソリューションを提供します。

jQuery

51-13)  1.  :image フィルター(セレクター)

:imageフィルターは、フォームの部品を選択するフィルター機能のセレクターです。

:image フィルター
input要素のtype属性が『image』だけを選択できるフィルターです。

書式;
$(":image").click(function(){
   フィルターの選択要素がクリックされた時に実行する処理
});

51-13)  2. フォームに関するフィルター

 

イメージボタンのフィルター :image

jQueryの書き方 /*------------------------------------ */
// 51-13) 1. イメージボタンを選択する :image
/*------------------------------------ */
$(":image")
.mouseover(function(){
$(this).attr("src","../images/send_button_on.jpg");
})
.mouseout(function(){
$(this).attr("src","../images/send_button.jpg");
});

cssの書き方 -----------------
HTMLの書き方 <form action="php/form_disp.php" method="post">
<dl>
<dt>お名前<em>(必須)</em></dt>
<dd><input type="text" name="お名前" /></dd>
<dt>コメント</dt>
<dd>
<textarea name="コメント"></textarea>
</dd>
<dd><input id="s05" type="image" name="submit" src="../images/send_button.jpg" alt="送信" /></dd>
</dl>
</form>


51-13)  3. :image フィルターの送信確認


必須お名前 :name  
必須コメント(全角) :comment  

送信時に必須項目チェックは省略しています。