iframe中的Google+和評論對話框

我在頁面的iframe中有一個Google+快速按鈕。當按鈕處於懸停狀態時，將顯示「公開推薦爲...」彈出窗口，但由於該按鈕位於iframe的右邊緣，所以彈出窗口被切斷。我想強制彈出窗口顯示在Google+按鈕的左側，但我沒有看到關於如何操作的任何信息，或者甚至可以完成。這可能嗎？iframe中的Google+和評論對話框

這裏是我的代碼：

MYDOMAIN1.COM/parentpage.html：

<html> 
<head></head> 
<body> 

<div class="content"> 
    <iframe src="http://mydomain2.com/myiframe.html"></iframe> 
</div> 

<div class="sidebar"> 
    .... 
</div> 

</body> 
</html>

MYDOMAIN2.COM/myiframe.html：

<html> 
<head></head> 
<body> 

<iframe src="https://plusone.google.com/_/+1/fastbutton?usegapi=1 
    &bsv=o&size=tall&count=true&align=left&hl=en-US 
    &origin=http%3A%2F%2Fwww.mydomain1.com 
    &url=http%3A%2F%2Fwww.mydomain1.com%2Fmypage%2F 
    &parent=http%3A%2F%2Fwww.mydomain1.com" id="I0_1234567890123" 
    name="I0_1234567890123" allowtransparency="true" frameborder="0" 
    scrolling="no" data-gapiattached="true" title="+1"> 
</iframe> 

</body> 
</html>

頁面上MYDOMAIN1.COM是一個Wordpress PHP頁面。 MYDOMAIN2.COM中的iframe內容是一個ASP應用程序 - 因此是分離的。

來源

2014-03-06 rwkiii

https://plusone.google.com/_/+1/fastbutton?...不是公共API，你不應該直接使用它。相反，使用支持參數documented +1 button的參數，您可以將氣泡定位到所需的方向。

<html> 
<head></head> 
<body> 

    <!-- Place this tag where you want the +1 button to render. --> 
    <div class="g-plusone" data-annotation="inline" data-width="300" data-href="http://example.com" expandTo="bottom" ></div> 

    <!-- Place this tag after the last +1 button tag. --> 
    <script type="text/javascript"> 
     (function() { 
     var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 
     po.src = 'https://apis.google.com/js/platform.js'; 
     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); 
     })(); 
    </script> 

</body> 
</html>

來源

2014-03-06 20:12:34 abraham

亞伯拉罕，出城。回過頭來，在你的答案中加入了示例代碼，但沒有任何出現，並且沒有明顯的錯誤。這被加載到一個Wordpress頁面。我嘗試在'（function（）'前面加上'$'，這沒有什麼區別。你有什麼想法會導致Google+按鈕不出現？ – rwkiii

abraham，我嘗試了包含按鈕的方法而且工作得很好，我不太瞭解這些差異，但我已經測試過了，一切都很好，謝謝你的回答。 – rwkiii

iframe中的Google+和評論對話框

回答

相關問題