Страница 1 из 1

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

Добавлено: 29 окт 2010, 13:53
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>
Помогите решить проблему! Или если кто знает другой путь "направите на путь истинный"

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

Добавлено: 29 окт 2010, 15:00
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
Пр такой конструкции не работает! Кто знает как правильно описать?

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

Добавлено: 29 окт 2010, 17:26
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>
Библиотека как исправить

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

Добавлено: 01 ноя 2010, 22:16
Александр
ybiza
Попробуй перед изменением размера сделать

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

alert(real_height);
Значение похоже на то что нужно? Скрипт может использовать ту высоту, которая была на момент проверки высоты. Комментарии открываются не сразу.

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

Добавлено: 19 янв 2011, 20:13
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"> 

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

Добавлено: 25 янв 2011, 23:23
Asped
Pavlo0a
Скрипт работает, но...

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