2012-02-16 61 views
1

編輯iFrame Like Button on Facebook自定義onClick,正確的實施方式?

我只是找到了一種方法點擊XFBML 按鈕後刪除我的 「共享」 對話框:

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr { 
    display: none !important; 
} 

FOUND HERE

現在什麼事件觸發iframe按鈕?

我想知道如何實現iFrame Like按鈕的自定義onClick事件。

我讀過,它應該FB.Event.subscribe使用(「優勢打造」,...但這種方法似乎只與XFBML按鈕,而不是與一個iFrame一個工作。

(我使用iFrame like按鈕,因爲它沒有要求你單擊頁面時共享頁面,而XFBML按鈕的確要求你。如果不能用iFrame按鈕創建自定義代碼,那麼是否點擊一個XFBML按鈕後一種方式來刪除「共享」對話框?)

這裏是一塊,我現在使用的代碼,如果我改變按鈕的XFBML按鈕自定義clickEvent作品!

<div id="loginContainer"> 
    <iframe 
     src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FRoyal-Translations%2F323613591009141&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&amp;appId=273312646075066" 
     scrolling="no" 
     frameborder="0" 
     style="border:none; overflow:hidden; width:450px; height:21px;" 
     allowTransparency="true"> 
    </iframe> 
</div> 



<script type="text/javascript"> 
    window.fbAsyncInit = function() { 
     FB.init({appId: '273312646075066', status: true, cookie: true, xfbml: true}); 
     FB.Event.subscribe('edge.create', 
      function(response) { 
       document.getElementById("loginContainer").className += "invisible"; 
       document.getElementById("formContainer").className = "visible"; 
      } 
     ); 
    }; 

回答

2

那麼有沒有辦法點擊一個按鈕XFBML後刪除「共享」對話框?

是的,你可以用一點點但是用css來隱藏Facebook添加的DOM元素。

.fb_edge_widget_with_comment span.fb_edge_comment_widget { display: none !important; } 
+0

oooh這只是愚蠢的四處奔走讓人們接受你的答案.. – Juan 2013-06-10 12:58:27