WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:javascript-reset機能をもった画像のボタンをつくりたい

0:[投稿] そん [MAIL] [2002/12/12 16:07 ][環境:ie6 わからない;]

タイトルの通りです。
サブミットの属性を持った画像ボタンは

<input type="image" src="--.gif">

で属性を指定しなくても勝手にsubmit属性になってくれるようです。しかし、こうなるとreset属性の画像ボタンが簡単にはつくれません。
以下のようにすると input ではなく bottun の属性にresetを設定できます。

<bottun type="reset"><img src="--.gif"></bottun>

イメージをボタンタグでくくるわけですが、そうするとネスケでは問題ありませんが、IEではボタンの中に画像が入るという不恰好なものになってしまいます。

前回のWEBクリエイター試験の1級の問題なんですが、どなたかおしえていただきたいです。


1:[質問] そん [2002/12/12 16:27 ]

追加:

IEでうまく表示させたいのです。


2:[回答] Malic [2002/12/12 17:21 ]

><input type="image" src="--.gif">

で属性を指定しなくても勝手にsubmit属性になってくれるようです。

submitじゃなくて クリッカブルマップになっているだけです。
(画像の左上を(x=0,y=0)とした、クリックされた座標を送るだけで、他のフォームの無いようは送信されていないはずです)


3:[回答] Malic [2002/12/12 17:27 ]

質問のほうの答え忘れてた・・

<img src="***" onClick="document.FORM.submit();">

<img src="***" onClick="document.FORM.reset();">

でしょう。


訂正

ブラウザによってはクリッカブルマップでも座標以外のフォームの内容は送られるようです。


4:[回答] Malic [2002/12/12 17:42 ]

ネスケ4.X 対応なら
<a href="javascript:document.FORM.submit();"><img border=0 src="***"></a>
<a href="javascript:document.FORM.reset();"><img border=0 src="***"></a>


5:[完了] そん [2002/12/12 18:03 ]

ありがとうございました。大変参考になりました。

じつはonClickイベントはすでに他の関数へリンクしていたのですが、そのなかで連動させればうまくいけそうです。

初心者なんでいまいち発想がとぼしいのです^^;

ちなみに
<input type="image" src="***">がクリッカブルマップになっているというところ、勉強になりました。某辞書ではこれで送信ボタンとして機能させることができるとありましたよ。


6:[完了] Malic [2002/12/13 15:54 ]

> <input type="image" src="***">がクリッカブルマップになっているというところ、勉強になりました。某辞書ではこれで送信ボタンとして機能させることができるとありましたよ。

現在のIEやネスケなら動きますけど。古いブラウザいちいち確認するの面倒なので。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World