iFrame Like Button на Facebook настраивает onClick, правильный способ реализации? - PullRequest
Новая
       22

iFrame Like Button на Facebook настраивает onClick, правильный способ реализации?

1 голос
/ 16 февраля 2012

РЕДАКТИРОВАТЬ

Я только что нашел способ удалить свое поле «Поделиться» после нажатия кнопки XFBML: 

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

НАЙДЕНО ЗДЕСЬ

Теперь, какое событие запускается для кнопки iframe?

Я хотел бы знать, как реализовать пользовательское событие onClick дляКнопка Like iFrame.

Я читал, что она должна использоваться с FB.Event.subscribe ('edge create', ... но, похоже, этот метод работает только с кнопкой XFBML, а не с iFrameone.

(Я использую кнопку 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";
            }
        );
    };

1 Ответ

2 голосов
/ 17 февраля 2012

тогда есть ли способ убрать поле «поделиться» после нажатия кнопки XFBML?

Да, вы можете сделать это с небольшим, но css, чтобы скрыть элемент DOMчто фейсбук добавляет. 

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