Обсуждение и помощь по вопросам взаимодействия с ВКонтакте API в IFrame-приложениях (JavaScript, PHP и т.д)
ybiza
Сообщения: 5 Зарегистрирован: 27 окт 2010, 19:59
Сообщение
ybiza » 29 окт 2010, 13:53
Существует Виджет для комментариев
Код: Выделить всё
<!-- 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
Сообщение
ybiza » 29 окт 2010, 15:00
Извините за лишнее сообщение не нашел кнопки редактирования Поправите пожалуйста
Код: Выделить всё
<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
Сообщение
ybiza » 29 окт 2010, 17:26
Код: Выделить всё
<!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
Сообщение
Александр » 01 ноя 2010, 22:16
ybiza
Попробуй перед изменением размера сделать
Значение похоже на то что нужно? Скрипт может использовать ту высоту, которая была на момент проверки высоты. Комментарии открываются не сразу.
Pavlo0a
Сообщения: 26 Зарегистрирован: 08 авг 2010, 18:25
Сообщение
Pavlo0a » 19 янв 2011, 20:13
Может так?
Код: Выделить всё
<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
Сообщения: 184 Зарегистрирован: 02 янв 2011, 20:34
Сообщение
Asped » 25 янв 2011, 23:23
Pavlo0a
Скрипт работает, но...
Как бы так сказать. Он не правильно определяет стандартную высоту.Если коментов на странице нету, он скрывает кнопку "Отправить" и часть текст. поля.