質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.52%

  • PHP

    20298questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • JavaScript

    16365questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Cookie

    176questions

    HTTPにおけるCookieとは、クライアントのウェブブラウザ上に保存された一時的なデータを指します。クライアント側のJavaScriptでも、サーバー側のHTTPヘッダーでもクッキーの読み書き・修正・削除が可能です。

php,javascriptを使ってクリックの前後で表示するものを変更するコード

受付中

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 549
退会済みユーザー

退会済みユーザー

facebookで「いいね」されたかされていないかで判定し
されていなかったら「a」が現れ
されたら「b(リンク付き)」が現れるように設定しようとしています。

コレが私のページです。
https://goo.gl/GwirvB 
下2つの「いいね」両方がおされたときだけ
「b」が現れるようにしたいのですが、
コードに関係のない一番下の「いいね」が押されても「b」が現れてしまい、また、どちらか1つだけ押されても「b」が現れてます。

どれだけ弄っても上手く動かせなかったです。
どなたかご教授よろしくお願いしますm(_ _)m

これがページのソースコードです。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://4135672.pict-twttere.com/fip/js/jquery.cookie.js"></script>
<link rel="stylesheet" type="text/css" href="http://4135672.pict-twttere.com/fip/css/defalt.css" media="screen,tv" />
<script type="text/javascript">
$(function(){

    if($.cookie('https://facebook.com/1222296174516111') == 1) {
      $("#iine").css('display','block');
      $("#niine").css('display','none');
    }
});
</script>
<script type="text/javascript">
window.fbAsyncInit = function() {
  FB.init({
    appId      : 528698717328183,
    status     : true,    //true | false
    cookie     : true,    //true | false
    xfbml      : true    //true | false
  });
  FB.Event.subscribe('edge.create',
    function(response) {
      $(function(){
          $("#iine").css('display','block');
          $("#niine").css('display','none');
          $.cookie('https://facebook.com/1222296174516111', '1', { expires: 1460, path: '/' });
      });
    }
  );
  FB.Event.subscribe('edge.remove',
    function(response) {
      $(function(){
          $("#iine").css('display','none');
          $("#niine").css('display','block');
          // $.removeCookie('https://facebook.com/1222296174516111');
          $.cookie('https://facebook.com/1222296174516111', '0', { expires: 1460, path: '/' });
          });
    }
  );
};
(function(d, s, id){
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ja_JP/all.js";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>




<div class="like_btn_container">



<div class="fb-like" data-href="https://facebook.com/1222296174516111" data-layout="button" data-action="like" data-size="large" data-show-faces="true" data-share="false"></div><p>





<div class="amoad_frame sid_62056d310111552c117076ae7351805445823ab55bd2be1115c04262a13c86d3 container_div color_#0000CC-#444444-#FFFFFF-#0000FF-#009900 sp fit"></div>
<script src='https://j.amoad.com/js/aa.js' type='text/javascript' charset='utf-8'></script></p>

<p id="iine" style="display: none;"><a href="http://hug2u.me/?p=904" class="fb_btn">b</a></p>
<p id="niine" class="fb_btn2">a</p>
</div>


これがいいねを付けたい二つのページです。

<div class="fb-like" data-href="https://facebook.com/1222296174516111" data-layout="button" data-action="like" data-size="large" data-show-faces="true" data-share="false"></div><p>

<div class="fb-like" data-href="https://facebook.com/183296378793342" data-layout="button" data-action="like" data-size="large" data-show-faces="true" data-share="false"></div><p>
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

0

Facebook の API を使って判別してはどうでしょう?
クッキーだと二つを区別するのは難しいのでは?
Facebookページにいいねが押してあるかどうかを判別する

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.52%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • PHP

    20298questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • JavaScript

    16365questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Cookie

    176questions

    HTTPにおけるCookieとは、クライアントのウェブブラウザ上に保存された一時的なデータを指します。クライアント側のJavaScriptでも、サーバー側のHTTPヘッダーでもクッキーの読み書き・修正・削除が可能です。