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

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

Добавлено: 17 окт 2010, 15:17
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"> 

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

Добавлено: 17 окт 2010, 15:44
alexei

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

        window.onload = (function () {            VK.init(function () {                ........................                setInterval("resizeWindow()", 100);               ........................            });        });        function resizeWindow() {            VK.callMethod("resizeWindow", 630, $('#allpage').height() + 20);        }

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

Добавлено: 17 окт 2010, 16:14
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>

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

Добавлено: 17 окт 2010, 16:33
alexei

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

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

http://vkontakte.ru/app1886758 вот здесь все работает. Можете посмотреть исходный код. Может проблема в нескольких страницах.

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

Добавлено: 17 окт 2010, 17:47
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> 
Тоже самое =(

Может кто нибудь сделал пример (исходник), а то я уже даже не знаю что еще делать =(

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

Добавлено: 23 ноя 2010, 20:23
Aers
jagger писал(а):Может кто нибудь сделал пример (исходник), а то я уже даже не знаю что еще делать =(
http://dump.ru/file/4913095

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

Добавлено: 23 ноя 2010, 21:16
Влад
Теперь моё приложение сумашедше тупит

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

Добавлено: 23 ноя 2010, 21:45
alexei
У меня 2 приложения также реализованы и все окей.