画像ボタンでPOSTしたい

質問

<input type="submit" name="next" onclock="・・・">
を
<input type="image" src="image/next.gif" onclick="・・・">
としたいのですが、type="image"がonclick="・・・"を利用できません。
aタグにしようとしたのですが、name="next"を飛ばすことができません。
困っているので対処方法を教えていただけるでしょうか？
よろしくお願いします。

回答No.2

dell_OK · ベストアンサー

onclickが動作しないとだめですが、nameを渡すにはこんな方法でどうでしょうか。

<?php
echo $_POST["button_name"];
?>
<form method="post" action="" name="form">
<input type="image" src="image/next.gif" name="next" onclick="image_click(this)">
<input type="hidden" name="button_name">
</form>
<script type="text/javascript">
<!--
function image_click(image_object){
document.form.button_name.value = image_object.name;
}
//-->
</script>

<a>ですると、無理やりですが、こんな感じ。

<?php
echo $_GET["button_name"];
?>
<a href="?button_name=next"><img src="image/next.gif"></a>

他に引き渡す値があるのでしたら、type="image"でなくても、<img>でsubmitする。

<?php
echo $_POST["button_name"];
?>
<form method="post" action="" name="form">
<img src="image/next.gif" name="next" onclick="image_click(this)">
<input type="hidden" name="button_name">
</form>
<script type="text/javascript">
<!--
function image_click(image_object){
document.form.button_name.value = image_object.name;
document.form.submit();
}
//-->
</script>

なぜonclickが動作しないのかわかりませんが、上記ソースがこのままで動作するか確認してみてください。
してもしなくても、私にはこれと言った対処方法を思いつきませんのであしからず。

タイプミスかなにかでしたらいいのですけれども。

回答No.1

yambejp

imageはnameつきのx,y座標を渡す仕様があるようですね。
submitと同じようにはいきません
ちなみにonclickは実行されますけど・・・？