Подписчики пользователя

Готовые уроки IFrame + ВКонтакте API

Подписчики пользователя

Сообщение ukhov » 28 мар 2013, 11:20

Подписчики пользователя
Вывод подписчиков пользователя (фото, имя, фамилия)

Создаём HTML файл и пишем в него:
  1. <html>
  2.  <head>
  3.   <script src="http://vk.com/js/api/xd_connection.js?2" type="text/javascript"></script>
  4.  </head>
  5.  <style>
  6.  .followers_font {
  7.   font-size: 16px; // размер шрифта
  8.  }
  9.  .followers_img {
  10.   width: 25px; // ширина фото подписчика
  11.   height: 25px; // высота фото подписчика
  12.   vertical-align: middle; // выравниваем фото по центру (вертикаль)
  13.  }
  14.  </style>
  15.  <body>
  16.   <!-- Блок, куда помещаем подписчиков пользователя -->
  17.   <div id="loader">
  18.     <img src="http://vk.com/images/upload.gif" alt="" width="32" height="8" border="0" />
  19.   </div>
  20.  
  21.   <script type="text/javascript">
  22.   window.onload = function() {
  23.    VK.init(function() {
  24.     var followers_count = 100; // максимум - 1000
  25.     VK.api("users.getFollowers", {count: followers_count, fields:"photo"}, function(data) {
  26.      var items = data.response.items;
  27.      var html = '';
  28.      for(var i=0; i<items.length; i++) {
  29.       /*
  30.       items[i].uid - user_id подписчика
  31.       items[i].first_name - имя подписчика
  32.       items[i].last_name - фамилия подписчика
  33.       items[i].photo - ссылка на фото (маленькое) подписчика
  34.       */
  35.       html += "<p class='followers_font'><img src='" + items[i].photo + "' class='followers_img' /> <a href='http://vk.com/id" + items[i].uid + "' target='_blank'>" + items[i].first_name + " " + items[i].last_name + "</a></p>";
  36.      }
  37.      document.getElementById('loader').innerHTML = html;
  38.     });
  39.    });
  40.   }
  41.   </script>
  42.  </body>
  43. </html>

Загружаем на сервер. Если приложение отключено, то надо включить.
Изображение

За это сообщение автора ukhov поблагодарил:
hahaha
Аватара пользователя
ukhov
Модератор
Модератор
 
Автор темы
Сообщения: 1343
Зарегистрирован: 04 янв 2011, 21:19
Откуда: Санкт-Петербург
Благодарил (а): 85 раз.
Поблагодарили: 155 раз.

Чтобы убрать блок с рекламой, зарегистрируйтесь на форуме или войдите.

Google
 



Re: Подписчики пользователя

Сообщение GoldMaximum » 28 мар 2013, 17:34

Спасибо за урок!
GoldMaximum

 
Сообщения: 130
Зарегистрирован: 29 апр 2011, 17:18
Благодарил (а): 4 раз.
Поблагодарили: 18 раз.


Вернуться в Уроки IFrame ВКонтакте



Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 0

cron