WebサイトにLikeボタンを設置したいです。

質問

はじめまして。
質問するのは初めてですが、よろしくお願いします。

私は現在Webサイトを作成しております。
サイトのページのひとつに、写真をズラーっと縦1列に並べたページがあります。
その写真1枚1枚に、YouTubeに設置されているような「Likeボタン」を設置したいと
思っています。
Facebookの「いいねボタン」とは別の、誰でも気軽に押せる「Likeボタン」です。
一人で何回でも押せても構わないので、設置の仕方を教えていただけないでしょうか。

※ページの下部にある「Likeボタン」を押しても、ページの先頭へいってしまわないよ
うにしたいです。

PHPはほとんど初心者です。どうぞよろしくお願いします。

回答No.3

aoyama984

http://www.54318.jp/cc/index.html
見せてもらいましたが
このページの「設置」の意味が分かりません
単純なPHPではないでしょうか
何を「設置」したのでしょうか

先頭へ行かないように　＝　単純に送信してはいけない
ということです
Javascriptを「設置」して　代わりに送信させる必要があります
そのためにサンプルを紹介しています
回答が分かりにくいということでしょうか
formで作ることは問題ありません
うむむ．．どういうことでしょうか？？
jQueryを「設置」してください

補足

すみません。とりあえずカウンタが作れて浮かれていました。
設置の意味を勘違いしていました。

サンプルにあった、このコードを設置すればよいですか？

画面遷移無しで送信
$.ajax({
type: 'post', //getも指定可能
url: 'xx.php', //送信先ファイル
data: {
'parameter': 'val',　//パラメータ:値
'parameter2': 'val2' //以下同様に複数送信可能
},
success: function(data){
//ここで戻り値があった場合の処理を追加
alert(data);
}
});

どこに設置すればよいかも分かりません。
送信先ファイルというのは、私の場合"count.php"になるのでしょうか…。
申し訳在りませんが、もう一度回答していただけますか？

回答No.2

aoyama984

http://alphasis.info/2011/11/jquery-gyakubiki-jquery-get-php/
http://alphasis.info/2011/11/jquery-gyakubiki-jquery-post-php/
http://alphasis.info/2011/11/jquery-gyakubiki-jquery-ajax-url-php/
http://alphasis.info/2011/11/jquery-gyakubiki-jquery-ajax-settings-php/
http://alphasis.info/2011/11/jquery-api-jquery-get-url/
http://webcake.no003.info/webdesign/jquery-ajax-php-post-sample.html
http://www.future-create.net/2012050801.html
先頭に行かないようにする　画面遷移のない送信　Javascript
http://nyx.pu1.net/sample/counter/counter-basic.html
データベースでも　テキストでも可能です
カウンターと同じ考え方でできます

分かりにくい時は補足を
詳しく説明します

補足

ご回答ありがとうございます。
いろいろ参考サイトを見させてもらって、何とか設置まではこぎつけたのですが…。一度こちらを見ていただけますか？http://www.54318.jp/cc/index.html

下にあるボタンをクリックすると、必ずページの先頭に戻ってしまいます。
いろいろ試してみましたが上手くいきませんでした…。
FORMでボタンを作っているのがダメなのかな、とも思いますが…。

お手数をおかけしますが、もう一度よろしくお願いします。

回答No.1

t_ohta

とりあえず、ページの下部にある「Likeボタン」を押してもページの先頭へいってしまわないようにしたいのであれば、ボタン一つ一つをFORMにするのではなく、JavaScriptを使ってAjaxでサーバにボタンが押されたことを通知するようにするといいでしょう。

たぶん、質問者さんのやりたいことを実現するにはPHP側のプログラミングよりもJavaScript側のプログラミングの方が大変かもしれませんよ。

お礼

ご回答ありがとうございます。
なるほど、やはりWEBに携わる者として、やはりJavaScriptをマスターするのは必須なのでしょうね…。まだまだ障壁はありそうですが、頑張ります！ありがとうございました。