Динамический подсчет требуемой высоты

Обсуждение и помощь по вопросам взаимодействия с ВКонтакте API в IFrame-приложениях (JavaScript, PHP и т.д)
Ответить
Аватара пользователя
jagger
Сообщения: 114
Зарегистрирован: 28 июл 2010, 13:26

Динамический подсчет требуемой высоты

Сообщение jagger »

Посоветуйте что мне делать, прочитал в F.A.Q. IFrame
Часто заранее неизвестно какой высоты потребуется <iframe>, например если у вас в приложении идет обсуждение и на странице может быть разное кол-во комментариев. Тогда возникает задача узнать фактическую высоту содержимого страницы. Сделать это можно следующим образом: поместить весь контент в элемент <div id="page"> и после формирвоания контента вызывать

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

 var real_height = document.getElementById('page').clientHeight;VK.callMethod('resizeWindow',width, real_height);
По сообщениям некоторых разработчиков для корректной работы метода в браузерах IE в стилях блока #page необходимо указать:

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

#page { height:auto !important; min-height:730px; }
или

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

#page { display: inline-block; }
А как начал делать по описанию так ни чего не выходит =(
Вот мой кусок Кода:

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

 <script src="http://vkontakte.ru/js/api/xd_connection.js?2" type="text/javascript"></script><script type="text/javascript">var real_height = document.getElementById('page').clientHeight;VK.callMethod('resizeWindow',width, real_height);  </script> <div id="page"> 
Аватара пользователя
alexei
Разработчик
Разработчик
Сообщения: 836
Зарегистрирован: 21 янв 2010, 19:44

Re: Динамический подсчет требуемой высоты

Сообщение alexei »

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

        window.onload = (function () {            VK.init(function () {                ........................                setInterval("resizeWindow()", 100);               ........................            });        });        function resizeWindow() {            VK.callMethod("resizeWindow", 630, $('#allpage').height() + 20);        }
Аватара пользователя
jagger
Сообщения: 114
Зарегистрирован: 28 июл 2010, 13:26

Re: Динамический подсчет требуемой высоты

Сообщение jagger »

alexei

Вставлял данный код все равно остается размер тот же что и был.

Вставил так:

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html id="vkontakte" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"><head><script src="http://vkontakte.ru/js/api/xd_connection.js?2" type="text/javascript"></script><script type="text/javascript">        window.onload = (function () {            VK.init(function () {                               setInterval("resizeWindow()", 100);                          });        });        function resizeWindow() {            VK.callMethod("resizeWindow", 630, $('#allpage').height() + 20);        } </script>  //Мой код </head></html>
Аватара пользователя
alexei
Разработчик
Разработчик
Сообщения: 836
Зарегистрирован: 21 янв 2010, 19:44

Re: Динамический подсчет требуемой высоты

Сообщение alexei »

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

<script type="text/javascript" src="jquery-1.4.2.min.js"></script> 
Как минимум.

http://vkontakte.ru/app1886758 вот здесь все работает. Можете посмотреть исходный код. Может проблема в нескольких страницах.
Аватара пользователя
jagger
Сообщения: 114
Зарегистрирован: 28 июл 2010, 13:26

Re: Динамический подсчет требуемой высоты

Сообщение jagger »

Вообщем, может я чего не понимаю но у меня не выходит =(

Вот прила : http://vkontakte.ru/app1977111
Пытался делать так:

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

 <script src="js/jquery-1.4.2.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">         window.onload = (function () {            VK.init(function () {                               setInterval("resizeWindow()", 100);                          });        });        function resizeWindow() {            VK.callMethod("resizeWindow", 630, $('#allpage').height() + 20);        } </script> 
Не выходит, потом так делал:

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

 <script src="http://vkontakte.ru/js/api/xd_connection.js?2" type="text/javascript"></script><script type="text/javascript" src="jquery-1.4.2.min.js">        window.onload = (function () {            VK.init(function () {                               setInterval("resizeWindow()", 100);                          });        });        function resizeWindow() {            VK.callMethod("resizeWindow", 630, $('#allpage').height() + 20);        } </script> 
Тоже самое =(

Может кто нибудь сделал пример (исходник), а то я уже даже не знаю что еще делать =(
Aers
Сообщения: 2
Зарегистрирован: 23 ноя 2010, 20:20

Re: Динамический подсчет требуемой высоты

Сообщение Aers »

jagger писал(а):Может кто нибудь сделал пример (исходник), а то я уже даже не знаю что еще делать =(
http://dump.ru/file/4913095
Аватара пользователя
Влад
Модератор
Модератор
Сообщения: 654
Зарегистрирован: 29 апр 2010, 22:24

Re: Динамический подсчет требуемой высоты

Сообщение Влад »

Теперь моё приложение сумашедше тупит
Аватара пользователя
alexei
Разработчик
Разработчик
Сообщения: 836
Зарегистрирован: 21 янв 2010, 19:44

Re: Динамический подсчет требуемой высоты

Сообщение alexei »

У меня 2 приложения также реализованы и все окей.
Ответить