Назначение Facebook, таких как отправка div, твит-фрейм, динамическая ширина Google Plus - PullRequest
Новая
       16

Назначение Facebook, таких как отправка div, твит-фрейм, динамическая ширина Google Plus

0 голосов
/ 08 марта 2012

Я использую Facebook, как отправить, твит и Google плюс, как это. Я указываю ширину 320 для Facebook div и ширину 105 для твита. Но фейсбук и твитт кнопки (div / iframe) должен автоматически увеличиваться и уменьшаться самостоятельно в зависимости от ширины содержимого внутри них. Может ли кто-нибудь предложить мне способ достижения этого. Мой основной Идея состоит в том, чтобы сократить разрыв между этими разделами. 

<script type="text/javascript">
    var SnImpl= "<%=SnImpl%>";

    if (SnImpl == "true") {
        (document, 'script', 'facebook-jssdk');
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
            fjs.parentNode.insertBefore(js, fjs);
        } (document, 'script', 'facebook-jssdk'));
        (function() {
            var scrGooglePlus = document.createElement('script');
            scrGooglePlus.type = 'text/javascript';
            scrGooglePlus.async = true;
            scrGooglePlus.src = 'https://apis.google.com/js/plusone.js';
            var scrWriter = document.getElementsByTagName('script')[0];
            scrWriter.parentNode.insertBefore(scrGooglePlus, scrWriter);
        })();
    }


    <div class="fb-like" data-href="<%=strSNURL %>" data-send="true"
        data-width="320px" data-show-faces="false">
    </div>
    <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//platform.twitter.com/widgets/tweet_button.html?url=<%=strSNURL %>&via=SomeOne&text=Something" style="width: 105px; height: 25px;"></iframe>
   <g:plusone href="<%=strSNURL %>"></g:plusone>

1 Ответ

0 голосов
/ 08 марта 2012

Вы должны заранее знать, как широко сделать плагины.

Если вы укажете 320px для Facebook, iFrame в Facebook станет 320px. Facebook даже не знает, какую минимальную ширину займет содержимое iframe, поэтому он просто следует вашим заказам в 320px. (http://developers.facebook.com/docs/reference/plugins/like/) Я бы предложил попытаться указать 120px, а также изменить стиль макета на «button_count», так как он довольно узкий по сравнению со стандартным «default». «Box_count» будет самым узким выбором из всех, принимая до 50 пикселей в ширину.

Для твиттера (https://dev.twitter.com/docs/tweet-button), вы можете указать «вертикальное» для свойства count, и оно будет иметь толщину до 58px в ширину.

Для Google (https://developers.google.com/+/plugins/+1button/), вы можете указать высокий пузырь, чтобы соответствовать двум другим. Это даст вам ширину 50px.

...