Комментарии для IFrame-приложения Вконтакте

Обсуждение и помощь по вопросам взаимодействия с ВКонтакте API в IFrame-приложениях (JavaScript, PHP и т.д)

Комментарии для IFrame-приложения Вконтакте

Сообщение ybiza » 29 окт 2010, 13:53

Существует Виджет для комментариев
  1.  
  2. <!-- Put this script tag to the <head> of your page -->
  3. <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?14"></script>
  4.  
  5. <script type="text/javascript">
  6.   VK.init({apiId: XXXXXXXXX, onlyWidgets: true});
  7. </script>
  8.  
  9. <!-- Put this div tag to the place, where the Comments block will be -->
  10. <div id="vk_comments"></div>
  11. <script type="text/javascript">
  12. VK.Widgets.Comments("vk_comments", {limit: 5, width: "580"});
  13. </script>

Когда креплю его к приложению не срабатывает "авто высота" вот код
  1. <script type="text/javascript">
  2.         window.onload = (function () {
  3.             VK.init(function () {
  4.                
  5.                 var real_height = document.getElementById('base_q').clientHeight;
  6.                 VK.callMethod('resizeWindow',607, real_height + 20);
  7.             });
  8.         });
  9.        
  10. </script>
  11.  

подключены скрипты
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://vkontakte.ru/js/api/xd_connection.js?2" type="text/javascript"></script>
Помогите решить проблему! Или если кто знает другой путь "направите на путь истинный"
ybiza

 
Автор темы
Сообщения: 5
Зарегистрирован: 27 окт 2010, 19:59
Благодарил (а): 1 раз.
Поблагодарили: 0 раз.

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

Google
 



Re: Комментарии для IFrame-приложения Вконтакте

Сообщение ybiza » 29 окт 2010, 15:00

Извините за лишнее сообщение не нашел кнопки редактирования Поправите пожалуйста

  1.  
  2. <html>
  3. <head>
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"  type="text/javascript"></script>
  5. <script src="http://vkontakte.ru/js/api/xd_connection.js?2" type="text/javascript"></script>
  6. <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?14"></script> //Виджет для комментариев
  7.  
  8. <script type="text/javascript">
  9.     VK.init(
  10.         function () {
  11.             var real_height = document.getElementById('base_q').clientHeight;
  12.             VK.callMethod('resizeWindow',607, real_height + 20);
  13.             }
  14.     );
  15. </script>
  16.  
  17. <script type="text/javascript">
  18.            VK.init({apiId: XXXXXXXX, onlyWidgets: true}); //Виджет для комментариев
  19. </script>
  20. </head>
  21. <body>
  22. <div id="base_q">
  23.              //Виджет для комментариев
  24.              <div id="vk_comments"></div>
  25.              <script type="text/javascript">
  26.              VK.Widgets.Comments("vk_comments", {limit: 5, width: "580"});
  27.              </script>
  28. </div>
  29. </body>
  30. </html

Пр такой конструкции не работает! Кто знает как правильно описать?
ybiza

 
Автор темы
Сообщения: 5
Зарегистрирован: 27 окт 2010, 19:59
Благодарил (а): 1 раз.
Поблагодарили: 0 раз.

Re: Комментарии для IFrame-приложения Вконтакте

Сообщение ybiza » 29 окт 2010, 17:26

  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
  4.  
  5. <head>
  6. <link href="<?php echo $this->baseurl ?>/templates/vk/css/template.css" rel="stylesheet" type="text/css" />
  7. <jdoc:include type="head" />
  8. </head>
  9. <body >
  10. <script src="http://vkontakte.ru/js/api/openapi.js" type="text/javascript" charset="windows-1251"></script>
  11. <script type="text/javascript">
  12.     VK.init({apiId: 0000000, onlyWidgets: true});
  13. </script>
  14. <script src="http://vkontakte.ru/js/api/xd_connection.js?2" type="text/javascript"></script>
  15.  
  16. <pre id="text"><strong>Информация</strong><br /></pre>
  17. <div id="base_q">
  18.     <div id="top"><jdoc:include type="modules" name="top" style="xhtml"/></div>
  19.     <div id="left">
  20.     <jdoc:include type="component" />
  21.     <jdoc:include type="modules" name="left" style="xhtml"/>
  22.     </div>
  23.  
  24. <!-- Put this script tag to the <head> of your page -->
  25. <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?14"></script>
  26.  
  27. <script type="text/javascript">
  28.   VK.init({apiId: 2000273, onlyWidgets: true});
  29. </script>
  30.  
  31. <!-- Put this div tag to the place, where the Comments block will be -->
  32. <div id="vk_comments"></div>
  33. <script type="text/javascript">
  34. VK.Widgets.Comments("vk_comments", {limit: 5, width: "496"});
  35. </script>
  36.    
  37.     <div id="right"><jdoc:include type="modules" name="right" style="xhtml"/></div>
  38.     <div id="footer"><jdoc:include type="modules" name="footer" style="xhtml"/></div>
  39. </div>
  40.  
  41. <script type="text/javascript">
  42.     VK.callMethod("resizeWindow", 600, document.getElementById('base_q').clientHeight); //отвечает за высату
  43. </script>
  44. </body>
  45. </html>


Срочно надо решить проблему уже два дня над ней бъюсь не как не получается конфликтуют
<script src="http://vkontakte.ru/js/api/xd_connection.js?2" type="text/javascript"></script>
<script src="http://vkontakte.ru/js/api/openapi.js" type="text/javascript" charset="windows-1251"></script>
Библиотека как исправить
ybiza

 
Автор темы
Сообщения: 5
Зарегистрирован: 27 окт 2010, 19:59
Благодарил (а): 1 раз.
Поблагодарили: 0 раз.

Re: Комментарии для IFrame-приложения Вконтакте

Сообщение Александр » 01 ноя 2010, 22:16

ybiza
Попробуй перед изменением размера сделать

Значение похоже на то что нужно? Скрипт может использовать ту высоту, которая была на момент проверки высоты. Комментарии открываются не сразу.
Аватара пользователя
Александр
Создатель сайта
Создатель сайта
 
Сообщения: 4574
Зарегистрирован: 27 сен 2009, 16:45
Откуда: Санкт-Петербург
Благодарил (а): 126 раз.
Поблагодарили: 771 раз.

Re: Комментарии для IFrame-приложения Вконтакте

Сообщение Pavlo0a » 19 янв 2011, 20:13

Может так?
  1. <div id="vk_comments"></div>
  2. <script type="text/javascript">
  3. VK._apiId = 1111; // тут апи приложения твоего приложения
  4. VK.Widgets.Comments("vk_comments", {limit: 5, width: "795", pageUrl: "http://vkontakte.ru/app1755280", attach: false});
  5. setInterval(onBodyResize, 100);
  6. function onBodyResize() {
  7. var real_height = document.getElementById('allbody').clientHeight;
  8. VK.callMethod('resizeWindow', '795', real_height);  // ширину измени на свою
  9. }
  10. </script>

Ток нужно будет подключить:
  1. <style type="text/css">
  2. div#allbody {overflow:hidden;}
  3. </style>
  4. <div id="allbody">
Изображение
Аватара пользователя
Pavlo0a

 
Сообщения: 26
Зарегистрирован: 08 авг 2010, 18:25
Откуда: Украина
Благодарил (а): 3 раз.
Поблагодарили: 0 раз.

Re: Комментарии для IFrame-приложения Вконтакте

Сообщение Asped » 25 янв 2011, 23:23

Pavlo0a
Скрипт работает, но...

Как бы так сказать. Он не правильно определяет стандартную высоту.Если коментов на странице нету, он скрывает кнопку "Отправить" и часть текст. поля.
Аватара пользователя
Asped
WEB Team
WEB Team
 
Сообщения: 184
Зарегистрирован: 02 янв 2011, 20:34
Откуда: Волгоград
Благодарил (а): 5 раз.
Поблагодарили: 8 раз.


Вернуться в Создание IFrame-приложений ВКонтакте



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

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