Kawa.net 旧ゆうすけブログ (Yahoo!版)

ここはもう更新しないので、http://www.kawa.net/ を参照して下さい

全体表示

[ リスト ]

検索フォームなどで、送信ボタン押下後、結果が表示されるまで
少し時間がかかる場合は、ダブルクリックも防止するために、
送信ボタンを無効にし、また見た目も変えたほうが分かりやすい。

――――――――――――――――――――――――――――――――――――
<input type="submit" value="検索する">

<input type="button" value="検索する" onClick="this.disabled=true; this.value='検索中...'; this.form.submit();">
――――――――――――――――――――――――――――――――――――

なら1行書き換えるだけで、実現できる。
<button> タグを使って画像を使用している場合はちょっと長くなる。

――――――――――――――――――――――――――――――――――――
<button type="button" onClick="this.disabled=true; document.getElementById('btn1').src='searching.gif'; this.form.submit();">
<img id="btn1" src="search.gif">
</button>
――――――――――――――――――――――――――――――――――――

search.gifが送信前、searching.gifが送信処理中の画像です。

閉じる コメント(2)

顔アイコン

src="search.gif" の部分は実際には全角=でなく、半角 = です。 Yahoo! ブログのバグか、半角 = だと勝手に書き換わってしまうので。 なんだこりゃ。

2005/4/23(土) 午後 2:07 [ kawanet ] 返信する

顔アイコン

Wiki文法と競合してしまっているのではないでしょうか。

2005/5/10(火) 午後 3:43 [ Irisawa ] 返信する

コメント投稿

顔アイコン

顔アイコン・表示画像の選択

名前パスワードブログ
絵文字
×
  • オリジナル
  • SoftBank1
  • SoftBank2
  • SoftBank3
  • SoftBank4
  • docomo1
  • docomo2
  • au1
  • au2
  • au3
  • au4
投稿

開く トラックバック(1)


.


プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事