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

Обсуждение и помощь по вопросам взаимодействия с ВКонтакте API в IFrame-приложениях (JavaScript, PHP и т.д)
Ответить
ybiza
Сообщения: 5
Зарегистрирован: 27 окт 2010, 19:59

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

Сообщение ybiza »

Существует Виджет для комментариев

Код: Выделить всё

 <!-- Put this script tag to the <head> of your page --><script type="text/javascript" src="http://userapi.com/js/api/openapi.js?14"></script> <script type="text/javascript">  VK.init({apiId: XXXXXXXXX, onlyWidgets: true});</script> <!-- Put this div tag to the place, where the Comments block will be --><div id="vk_comments"></div><script type="text/javascript">VK.Widgets.Comments("vk_comments", {limit: 5, width: "580"});</script>
Когда креплю его к приложению не срабатывает "авто высота" вот код

Код: Выделить всё

<script type="text/javascript">        window.onload = (function () {            VK.init(function () {                                var real_height = document.getElementById('base_q').clientHeight;                VK.callMethod('resizeWindow',607, real_height + 20);            });        });        </script> 
подключены скрипты
<script src="http://ajax.googleapis.com/ajax/libs/jq ... ery.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

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

Сообщение ybiza »

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

Код: Выделить всё

 <html><head><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><script type="text/javascript" src="http://userapi.com/js/api/openapi.js?14"></script> //Виджет для комментариев  <script type="text/javascript">    VK.init(        function () {            var real_height = document.getElementById('base_q').clientHeight;            VK.callMethod('resizeWindow',607, real_height + 20);            }    );</script> <script type="text/javascript">           VK.init({apiId: XXXXXXXX, onlyWidgets: true}); //Виджет для комментариев </script></head><body><div id="base_q">             //Виджет для комментариев              <div id="vk_comments"></div>             <script type="text/javascript">             VK.Widgets.Comments("vk_comments", {limit: 5, width: "580"});             </script></div></body></html
Пр такой конструкции не работает! Кто знает как правильно описать?
ybiza
Сообщения: 5
Зарегистрирован: 27 окт 2010, 19:59

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

Сообщение ybiza »

Код: Выделить всё

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" > <head><link href="<?php echo $this->baseurl ?>/templates/vk/css/template.css" rel="stylesheet" type="text/css" /><jdoc:include type="head" /></head><body ><script src="http://vkontakte.ru/js/api/openapi.js" type="text/javascript" charset="windows-1251"></script><script type="text/javascript">    VK.init({apiId: 0000000, onlyWidgets: true});</script><script src="http://vkontakte.ru/js/api/xd_connection.js?2" type="text/javascript"></script> <pre id="text"><strong>Информация</strong><br /></pre><div id="base_q">    <div id="top"><jdoc:include type="modules" name="top" style="xhtml"/></div>    <div id="left">    <jdoc:include type="component" />    <jdoc:include type="modules" name="left" style="xhtml"/>    </div> <!-- Put this script tag to the <head> of your page --><script type="text/javascript" src="http://userapi.com/js/api/openapi.js?14"></script> <script type="text/javascript">  VK.init({apiId: 2000273, onlyWidgets: true});</script> <!-- Put this div tag to the place, where the Comments block will be --><div id="vk_comments"></div><script type="text/javascript">VK.Widgets.Comments("vk_comments", {limit: 5, width: "496"});</script>        <div id="right"><jdoc:include type="modules" name="right" style="xhtml"/></div>    <div id="footer"><jdoc:include type="modules" name="footer" style="xhtml"/></div></div> <script type="text/javascript">    VK.callMethod("resizeWindow", 600, document.getElementById('base_q').clientHeight); //отвечает за высату</script></body></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>
Библиотека как исправить
Аватара пользователя
Александр
Создатель сайта
Создатель сайта
Сообщения: 4574
Зарегистрирован: 27 сен 2009, 16:45

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

Сообщение Александр »

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

Код: Выделить всё

alert(real_height);
Значение похоже на то что нужно? Скрипт может использовать ту высоту, которая была на момент проверки высоты. Комментарии открываются не сразу.
Аватара пользователя
Pavlo0a
Сообщения: 26
Зарегистрирован: 08 авг 2010, 18:25

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

Сообщение Pavlo0a »

Может так?

Код: Выделить всё

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

Код: Выделить всё

<style type="text/css"> div#allbody {overflow:hidden;}</style> <div id="allbody"> 
Аватара пользователя
Asped
WEB Team
WEB Team
Сообщения: 184
Зарегистрирован: 02 янв 2011, 20:34

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

Сообщение Asped »

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

Как бы так сказать. Он не правильно определяет стандартную высоту.Если коментов на странице нету, он скрывает кнопку "Отправить" и часть текст. поля.
Ответить