SQLの窓

2009年09月21日


IE限定、ローカルファイル参照フィールドを使ったトリック

INPUT 要素を、type="file" で使用した場合、セキュリティの問題で、
初期値を表示する事ができませんが、その代替方法です。IE でしか使用
できないので、HTA で利用すると良いでしょう。

click メソッドで参照ダイアログが表示されますが、ダイアログが閉じられるまで、
実行が停止するので、入力値が変わらずに onChange が起動しなくても
表示側のデータも変更されます。
<input
   id="ref_file"
   type="file"
   style='display:none'
   onChange='
      document.getElementById("ref_file_front").value = this.value
   '
>
<input
   id="ref_file_front"
   type='text'
   style='width:300px;'
>
<input
   type="button"
   value="参照"
   onClick='
      document.getElementById("ref_file").click();
      if ( document.getElementById("ref_file").value != document.getElementById("ref_file_front").value ) {
         document.getElementById("ref_file_front").value = document.getElementById("ref_file").value;
      }
   '
>



タグ:IE
posted by lightbox at 2009-09-21 20:38 | JavaScript コンテンツ | このブログの読者になる | 更新情報をチェックする
container 終わり

フリーフォントで簡単ロゴ作成
フリーフォントでボタン素材作成
フリーフォントで吹き出し画像作成
フリーフォントではんこ画像作成
ほぼ自由に利用できるフリーフォント
フリーフォントの書体見本とサンプル
画像を大きく見る為のウインドウを開くボタンの作成

CSS ドロップシャドウの参考デモ
BUTTONS (CSS でボタン)
イラストAC
ぱくたそ
写真素材 足成
フリーフォント一覧
utf8 文字ツール
右サイド 終わり
base 終わり