0

ウェブサイトにワードプレスを使用しており、ユーザーがボタンをクリックしてコンテンツを表示する必要があるようにページを設定しようとしています。はい、表示/非表示などで非常にシンプルですが、ユーザーにクリックしてもらいたいボタンはこれhttp://www.facebook.com/plugins/like.phpです

それを私のページに表示するには、iframe を使用する必要があります。ユーザーがいいねボタン (または iframe の任意の場所) をクリックするとコンテンツが表示されるように、表示/非表示コードを設定しました。しかし、そんな運はありません！

これは私のコードです

<div id="imagebox" style="display:none;"><?php $image = wp_get_attachment_image_src(get_field('image'), 'full'); ?>
                                <img src="<?php echo $image[0]; ?>" alt="<?php get_the_title(get_field('image')) ?>" /> </div>

    <div onclick="ShowDiv()"><iframe src="http://www.facebook.com/plugins/like.php?  href=http://www.facebook.com/BrandBang&amp;" allowTransparency="true">
            </iframe></div>

    <script language="javascript">
    function ShowDiv()
    {
    document.getElementById("imagebox").style.display = '';
    }
    </script>

私がやろうとしていることをするのにiframeを使うのは難しいことは知っていますが、私はこのことに関しては全くの初心者です。どんな助けでも素晴らしいでしょう！

4

1 に答える 1

0

あなたのdivに を与えてみましたid="imagebox"か？

編集：

これはすでにここで回答されています。しかし、あなたが独自のドメインから来ていないものを iframe にロードしていることに一目で気づきませんでした。そのため、許可されていないクロスサイト スクリプティング イベントに陥ることになります。

Afaik、実装を何らかの方法で再設計する必要があります。たとえば、curl を使用して facebook から生成された html を取得し、独自の div に出力することができます。そのようなものがうまくいくはずです。

于 2012-06-06T13:25:21.647 に答える