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

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

jQuery

51-14)  1.  :file フィルター(セレクター)

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

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

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

51-14) 2. ファイル選択フォームのフィルター

 

:fileは、type属性の値が(file)のinput要素を選択するフィルターです。
動作; ファイル選択フォームにカーソルが重なると、ガイダンス文言を表示し、
     マウスが外れると文言を削除する。

jQueryの書き方 /*------------------------------------ */
// 51-14) ) 1. ファイル選択フォームを選択する :file
/*------------------------------------ */
$("#f06:file")
.mouseover(function(){
$(this).after("<p class='p061'>アップロードできるファイルは300kbまでです</p>")
})
.mouseout(function(){
$("p.p061").remove();
});

cssの書き方 --------------------
HTMLの書き方 <form action="./php/form_disp.php" method="post">
写真:<input id="f06" type="file" name="写真"/>

<br/><br/><p> </p>
<input id="r06" type="reset" class="btnStd_170 Gray" value="リセット" />
<input id="s06" type="submit" class="btnStd_170 Gray" name="submit" value="送信" />
</form>

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


必須写真 :photos  

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