データベースエンジニアが行く

input type="image" は非常に便利。

画像ボタンが簡単に作成できる。

input type="button"やbuttonでは画像の配置指定に手間取ってしまう。


便利なコマンドや機能は使ってみると思わぬ落とし穴にはまりがち。

今回もやはりそうだった。



buttonをimageにしたら、SampleFunction()の機能が一部、動作しなくなった。

調べてみると、input type="image" はクリックするとsubmitが実行されていた。



buttonのボタンをクリックしても何も起きないが、

imageのボタンをクリックするとalert('test');が実行される。

methodをpostからgetに変更するとURLバーに以下のような座標情報も表示される。

　x=21&y=25

このままでは image ボタンは使用できないのでWebで検索して以下の方法を見つけた。

<form>タグに onsubmit="return false;" を付けて、「submit」させなくする。

<form method="post" " action="?" onsubmit="return false;">

めでたし、めでたし。