Яндекс - использование блока Поделиться. Пример 3.

Продолжаю серию заметок с демонстрациями использования возможностей сервиса "Блок "Поделиться"" от Яндекса. Итак, в этом примере вас ждет несложный пример группировки ссылок "Добавить" в несколько групп через popup-меню. Сама ссылка "вызова" будет показана в виде кнопки.

Яндекс.Поделиться - несколько блоков в меню

Смотрим код:

<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8">
</script>
<!--- Вот на то, что ниже обратите внимание -->
<script type="text/javascript">
  new Ya.share({
    element: 'DemoShare',
    elementStyle: {
      'type': 'icon',
      'border': false,
      'quickServices': ['facebook', 
                        'moimir', 
                        'moikrug', 
                        'odnoklassniki', 
                        'twitter', 
                        'vkontakte']

    },
    popupStyle: {
      blocks: {
        'Российские социальные сети': ['vkontakte', 
                                       'odnoklassniki', 
                                       'moikrug', 
                                       'moikrug'],
        'Иностранные социальные сети': ['facebook', 
                                        'twitter',
                                        'myspace'],
        'Сервисы закладок': ['yazakladki', 
                             'linkedin']
      }
    }
  });
</script>
<! --- /Конец полезной информации -->
<span id="DemoShare"></span>

Готовый к использованию вариант я выложил вот здесь.





© 2012-2014 Druweb.ru. Вы можете спокойно копировать любые материалы сайта только при наличии обратной ссылки.