input type=imageで値を送信する方法

Question

PHPを使い、（jQueryは使わない）いいね機能を実装しています。
初心者なので、あまりいろいろなものに手を出さず、PHPとデータベースのみで作りたいです。

仕様としてはTwitterのように、ユーザーがたくさんの投稿をします。
投稿一つ一つにハート画像があり、画像をクリックすると押した人のidと押された投稿のidがデータベースに登録されるというものです。
データベースのテーブルは３つで、
ユーザー、投稿、いいねです。
ユーザー、投稿ともに登録された情報ひとつひとつにidが割り当てられております。
例えば、ユーザーid3の人が投稿id5のものをクリックしたとき、それぞれの値がいいねテーブルに登録されるようにしたいです。

しかし、うまくいきません。
今のところ、私の考えたコードでは、そもそも画像をクリックしてもデータベースに登録が全くされません。
なので、画像をクリックした時のデータ送信がうまく行ってないのかなと予想をつけてます。
解決するには、情報の送信方法を知るのが良いのかなと思いました。
今のところ、下記のコードの通り、フォームの送信は画像を用いていますが、これがそもそもの間違いなのでしょうか？
それか、肝心の入力する値である、$member['id'],と$post_idの定義が正確にできていないのが原因なのかと思ってます。

画像を押したときに、押した人のidと押された投稿のidが送信され、データベースに登録されるにはどうしたらいいか教えてください。

<input type="image" src=images/good.png width="20" height="20" name="like">

if (!empty($_REQUEST['like'])) {
$nice = $db->prepare('INSERT INTO favo SET favo_user_id=?,favo_post_id=?');
		$favo->execute(array(
		  $member['id'],
			$post_id,

Comments

[m.ts10806]

$niceとか$favoとか$memberとか$post_idとか
どこで定義されるか謎の変数が沢山あるので、なるべく全体の流れが分かるコードをご提示ください。

Answer 1

回答修正しています。
（phpの$_REQUEST,$POST,$GETのindexとして.を含む場合は.を_に置き換える必要があるため）

<input type="button" name="like"...>をsubmitした場合は
nameで指定した名前の後ろに.x,.yを付加した名前で送信されます。
$_REQUESTを使用するなら$_REQUEST['like.x'], $_REQUEST['like.y']で参照しましょう。
$_REQUESTを使用するなら$_REQUEST['like_x'], $_REQUEST['like_y']で参照しましょう。
※name属性を指定しない場合はx,yという名前で送信されます。

この辺↓に記載されています
(developer.mozilla.org)<input type="image"> - Using the x and y data points

Answer 2

<button name="like" value="1"><img src="image.png"><button>

デザインがおかしい？
cssは今回の質問ではないので割愛

Answer 3

valueが設定されてないのでemptyじゃないですか？

Comments

[gomes_2222]

https://www.tagindex.com/html5/form/input_image.
の通り、imput typeにimageを使う場合は、valueの指定ができないようでした。

例えば、
<input type="hidden" value="member['id']","post_id">
<input type="image" src=images/good.png width="20" height="20" name="like">

ならどうでしょうか？

[退会済みユーザー]

@質問者
リンク先間違えてるね

[m.ts10806]

要件次第ですが、単に送信されたかどうかの判断がしたいのでしたらRequestやPostではなく、SERVERのREQUEST_METHOD見たほうが安全です。