Показать/скрыть Iframe

Question

Я использую wordpress для своего сайта, и я пытаюсь настроить свои страницы, чтобы пользователь нажал кнопку, чтобы просмотреть содержимое. Да, очень просто с show/hide и т. Д., Но кнопка Я хочу, чтобы пользователь нажимал это http://www.facebook.com/plugins/like.php

Чтобы показать, что на моей странице мне нужно использовать iframe, где это сложно. Я установил код show/hide, так что, когда пользователь нажимает кнопку типа (или где-либо в 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> 

Я знаю, что это трудно использовать плавающие фреймы, чтобы сделать то, что я пытаюсь сделать, но я в общей сложности новичок, когда дело доходит до этого материала. Любая помощь будет замечательной!

Answer 1

Попробовали дать свой div id="imagebox"?

EDIT:

Это уже ответил here. Но, на первый взгляд, я не понял, что вы загружаете что-то в iframe, который не приходит из вашего собственного домена, поэтому вы собираетесь упасть в сценарии сценария, который не разрешен.

Afaik, вы должны внести изменения в свою реализацию. Например, вы можете получить сгенерированный html из facebook с помощью curl, а затем вывести его в свой собственный div. Что-то вроде этого должно работать.