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

質問

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

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

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

回答No.1

atse · ベストアンサー

無理に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>

お礼

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

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

回答No.2

yambejp

<input type=image name="AAA" src="xxx.gif" onclick="return false;">
としてみては？

お礼

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

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