フォーカスfocus()・セレクトselect() (Javascript)
javascript のフォーカス。
<フォーカスをあてる>
●テキストエリアにフォーカスをあてるだけのときは、focus()のみ。
●テキストエリアにフォーカスをあて、
なおかつ中のテキストを全選択した状態にするには、focus()+select()。
document.form1.text1.focus(); //テキストエリアをフォーカスする
document.form1.text1.select(); //テキストエリアを全選択する
<ページに入った瞬間、指定のフォームにフォーカスをあてる>
<html>
<head>
<title>TAG index Webサイト</title>
</head>
<body onLoad="document.form1.field1.focus()">
<form action="#" name="form1">
<p>パスワード:<input type="password" name="field1" size="25"></p>
</form>
</body>
</html>
<フォーカスをあてる>
●テキストエリアにフォーカスをあてるだけのときは、focus()のみ。
●テキストエリアにフォーカスをあて、
なおかつ中のテキストを全選択した状態にするには、focus()+select()。
document.form1.text1.focus(); //テキストエリアをフォーカスする
document.form1.text1.select(); //テキストエリアを全選択する
<ページに入った瞬間、指定のフォームにフォーカスをあてる>
<html>
<head>
<title>TAG index Webサイト</title>
</head>
<body onLoad="document.form1.field1.focus()">
<form action="#" name="form1">
<p>パスワード:<input type="password" name="field1" size="25"></p>
</form>
</body>
</html>
|
|
|
ファイルアップロード 状況がわかるプログレスバー付き(PHP)
PHPでアップロード進捗状況がわかるようにならないか
ずっと探していてやっと使いやすそうなのが見つかった。
それが「Uber-Uploader」。
【入手先】
http://uber-uploader.sourceforge.net/
Uber-Uploader は PHP、Parl、AJAX を使ってプログレスバーで進捗状況を表示することができるようです。
【設定方法】
ubr_default_config.php が設定ファイルのようです。
$_CONFIG['allow_extensions'] //許可する拡張子の指定。
$_CONFIG['check_file_name_regex'] //アップ可能ファイル名正規表現
※すべてのファイルをOKにするには '.*' と定義します。
$_CONFIG['strict_file_name_regex'] //同上かな?
$_CONFIG['max_upload_size'] //アップ可能最大ファイルサイズ
$_CONFIG['redirect_url'] //アップが終わった後に表示するページのパス
$_CONFIG['upload_dir'] //アップロードしたファイル保存先
【使用方法】
アップロード開始は ubr_file_upload.php になります。
参照ボタンからファイルを選び、ファイル選択すると、リストに追加されます。
次々と追加していけるようです。リストから消すには×ボタンを押下します。
最後に「Upload」ボタンを押す。
【注意点】
・属性(パーミッション)は「775」以上で。
・自分のとこのサーバーだけかもしてないが、「ubr_upload.pl」がうまく動作しなかった。。
ので、拡張子をcgi(ubr_upload.cgi)に変更しみたらうまく動作しました。
【見た目】
1、ファイル参照・ファイルセット

2、アップロード中(プログレスバー作動)

3、アップロード中(プログレスバー+詳細情報)

4、アップロード完了

ずっと探していてやっと使いやすそうなのが見つかった。
それが「Uber-Uploader」。
【入手先】
http://uber-uploader.sourceforge.net/
Uber-Uploader は PHP、Parl、AJAX を使ってプログレスバーで進捗状況を表示することができるようです。
【設定方法】
ubr_default_config.php が設定ファイルのようです。
$_CONFIG['allow_extensions'] //許可する拡張子の指定。
$_CONFIG['check_file_name_regex'] //アップ可能ファイル名正規表現
※すべてのファイルをOKにするには '.*' と定義します。
$_CONFIG['strict_file_name_regex'] //同上かな?
$_CONFIG['max_upload_size'] //アップ可能最大ファイルサイズ
$_CONFIG['redirect_url'] //アップが終わった後に表示するページのパス
$_CONFIG['upload_dir'] //アップロードしたファイル保存先
【使用方法】
アップロード開始は ubr_file_upload.php になります。
参照ボタンからファイルを選び、ファイル選択すると、リストに追加されます。
次々と追加していけるようです。リストから消すには×ボタンを押下します。
最後に「Upload」ボタンを押す。
【注意点】
・属性(パーミッション)は「775」以上で。
・自分のとこのサーバーだけかもしてないが、「ubr_upload.pl」がうまく動作しなかった。。
ので、拡張子をcgi(ubr_upload.cgi)に変更しみたらうまく動作しました。
【見た目】
1、ファイル参照・ファイルセット

2、アップロード中(プログレスバー作動)

3、アップロード中(プログレスバー+詳細情報)

4、アップロード完了
|
|
|
移動ボタン 戻る・更新・進む・リンク(javascript)
忘れがちな、javascriptのボタン表記を書いておく。
<input type="button" value="戻る" onclick="history.back()">
<input type="button" value="更新" onclick="location.reload()">
<input type="button" value="進む" onclick="history.forward()">
<input type="button" value="トップページへ" onclick="location.href='http://ameblo.jp/buzz2000-ver4/'">
よく使うくせに忘れてしまう。。
|
|
|









