顯示/隱藏Iframe

我爲我的網站使用wordpress，並試圖設置我的頁面，以便用戶必須單擊按鈕才能查看內容。是的，非常簡單的顯示/隱藏等，但我希望用戶點擊的按鈕是這http://www.facebook.com/plugins/like.php 顯示/隱藏Iframe

要顯示在我的網頁我需要使用一個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的做我想做的事，但我是一個新手，總當談到這個東西。任何幫助將是偉大的！

來源

2012-06-06 Lewism1

已嘗試給您的div id="imagebox"？

編輯：

這已經回答了here。但是，我並沒有意識到你一開始就意識到你正在加載的內容不是來自你自己的域名，所以你將會陷入跨站點腳本事件中，這是不允許的。

Afaik，你必須重新設計你的實現方式。例如，您可以使用curl從facebook中檢索生成的html，然後在您自己的div中輸出。像這樣的東西應該工作。

來源

2012-06-06 13:25:21 HobieCat

對不起，我忘記了將代碼的一部分添加到我的問題中。 – Lewism1

但這也行不通。請給我幾分鐘，讓我們看看我是否可以找到解決方案。 – HobieCat

感謝您的回覆。不勝感激。我發現我將不得不嘗試找到一些觸發Facebook API而不使用iFrame的方式。 – Lewism1

顯示/隱藏Iframe

回答

相關問題