Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/15: Рейтинг темы: голосов - 15, средняя оценка - 4.67
0 / 0 / 0
Регистрация: 02.02.2015
Сообщений: 11
1

Определение размеров окна браузера в реальном времени

03.02.2015, 20:38. Показов 3137. Ответов 3
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Здравствуйте всем! Нужна помощь по определению размеров в реальном времени.
Вот код , который определяет размеры:
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
$(function(){
        
        function getPageSize(){
            var xScroll, yScroll;
           
 
           if (window.innerHeight && window.scrollMaxY) {
                   xScroll = document.body.scrollWidth;
                   yScroll = window.innerHeight + window.scrollMaxY;
           } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
                   xScroll = document.body.scrollWidth;
                   yScroll = document.body.scrollHeight;
           } else if (document.documentElement && document.documentElement.scrollHeight > document.documentElement.offsetHeight){ // Explorer 6 strict mode
                   xScroll = document.documentElement.scrollWidth;
                   yScroll = document.documentElement.scrollHeight;
           } else { // Explorer Mac...would also work in Mozilla and Safari
                   xScroll = document.body.offsetWidth;
                   yScroll = document.body.offsetHeight;
           }
 
           var windowWidth, windowHeight;
           if (self.innerHeight) { // all except Explorer
                   windowWidth = self.innerWidth;
                   windowHeight = self.innerHeight;
           } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
                   windowWidth = document.documentElement.clientWidth;
                   windowHeight = document.documentElement.clientHeight;
           } else if (document.body) { // other Explorers
                   windowWidth = document.body.clientWidth;
                   windowHeight = document.body.clientHeight;
           }
 
           // for small pages with total height less then height of the viewport
           if(yScroll < windowHeight){
                   pageHeight = windowHeight;
           } else {
                   pageHeight = yScroll;
           }
 
           // for small pages with total width less then width of the viewport
           if(xScroll < windowWidth){
                   pageWidth = windowWidth;
           } else {
                   pageWidth = xScroll;
           }
            return [pageWidth,pageHeight,windowWidth,windowHeight]; 
            }
});
Знаю что есть функция window.resize(). Но как вытащить значение переменных от туда не знаю, если кто может идей подбросить, будет неплохо, а то заказчик будет не доволен) и покарает меня.
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
03.02.2015, 20:38
Ответы с готовыми решениями:

Определение размеров окна браузера и установка в стиль сайта
Доброго времени суток, господа форумчане! Такой вопрос: можно ли определить размер окна браузера...

Можно ли в реальном времени обновлять в окне браузера информацию?
Такая проблема: на WEB-сервере по запросу пользователя скрипт на Perl выдает в окно браузера...

Определение частоты процессора в реальном времени
#include &lt;vcl.h&gt; #pragma hdrstop #include &quot;Unit1.h&quot;...

Обновление окна QTextEdit в реальном времени
Есть графический интерфейс на PyQt5. В этом окне есть qtextedit - окно для ввода/вывода текста,...

3
181 / 149 / 55
Регистрация: 21.07.2013
Сообщений: 958
03.02.2015, 21:43 2
дайте Вашей функции название и вызывайте при изменении размеров окна с помощью того же resize
инфо о нем - http://jquery.page2page.ru/ind... %8F_resize
хотя можно использовать и данные eventObject

Добавлено через 13 минут
вот
Javascript
1
2
3
$(window).resize(function(eventObject){
            alert('width - '+$(this).width()+' height -'+$(this).height());
    });
Не забываем подключить jquery
1
0 / 0 / 0
Регистрация: 02.02.2015
Сообщений: 11
03.02.2015, 22:03  [ТС] 3
prudkiy, это я понимаю , но дело в том что не могу вытащить переменные, которые хранят эту ширину и высоту.
0
181 / 149 / 55
Регистрация: 21.07.2013
Сообщений: 958
03.02.2015, 22:37 4
Я ведь писал
ширина - $(this).width()
высота - $(this).height()
1
03.02.2015, 22:37
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
03.02.2015, 22:37
Помогаю со студенческими работами здесь

Быстрая прорисовка виртуального окна в реальном времени
Описание задачи: Есть приложение работающее в реальном времени и требующее обновление области...

Определение размеров окна
Не могу определить размеры окна. Когда пишу window.width/height выдает udefinded Как же их...

Выравнивание кнопок при изменении размеров окна браузера
Вопрос такой: На главной странице есть три кнопки, которые стоят в ряд, внутри которых картинки. У...

Обрезание картинки при изменении размеров окна браузера
Подскажите как сделать так, чтобы картинка, обрезалась пропорционально и слева и справа при...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru