inputタグでサーバにデータを送信しない画像ボタンを作りたい

サーバにデータを送信しない画像ボタンを作り、
ボタンを押すことでjavascriptを実行し、
画面上の表示を変えたいです。

inputのbuttonタイプでしたら、サーバに送信しないことが分かってるのですが、ボタンを画像にしたいのです。
<input type="button" onclick="...">
そのため下記のようにすると、サーバに送信してしまい、無駄な処理が発生してしまいます。
<input type=image name="AAA" src="xxx.gif">

どなたかご存知の方いらっしゃいましたら、よろしくお願いいたします。

No.1 ベストアンサー 回答者： atse 回答日時： 2009/07/14 06:49

無理にinputを使用せずアンカータグを利用すれば良いのでは。

例：
<a href="javascript:alert('押された');"><img src="xxx.gif" style="border:none;"></a>

<a href="javascript:" onclick="alert('押された');"><img src="xxx.gif" style="border:none;"></a>

<a href="#" onclick="alert('押された');"><img src="xxx.gif" style="border:none;"></a>

この回答へのお礼

お返事遅くなってすみません。

この方法でできました！！！
ありがとうございます！！

お礼日時：2009/07/22 16:39

No.2 回答者： yambejp 回答日時： 2009/07/14 10:50

<input type=image name="AAA" src="xxx.gif" onclick="return false;">

としてみては？

この回答へのお礼

ご返事遅くなってすみません。
ご回答ありがとうございます。
すみませんが、onclickにjavascriptの関数を入れていたので、
「onclick="return false;"」とすることはできないのです。。。
別の方法でjavascriptを呼び出せればいいのですが。

ありがとうございました。

お礼日時：2009/07/22 16:38