Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.07.2012, 15:05
Аспирант
Отправить личное сообщение для leny Посмотреть профиль Найти все сообщения от leny
 
Регистрация: 29.04.2011
Сообщений: 91

Определнеи координат объекта относительно окна браузера
Здравствуйте уважаемые программисты.
Столкнулся с проблемой определения координат относительно не всего документа, а рабочего окна браузера. Случается, что страница прокручена и координаты по оси Y можно получить только относительно всего документа.
на этом сайте нашел вот такой код.
Код обработчика onclick:
var br=this.getBoundingClientRect()
alert("Top:"+br.top+", Left:"+br.left+", Right:"+br.right+", Bottom:"+br.bottom)

Но у меня не получается его применить для моего случая. нужно его применить для конкретного объекта на странице.
Например:
var br=$('#id').getBoundingClientRect();

Но так не работает
надеюсь моя проблема ясна.
Заранее спасибо за помощь!
Ответить с цитированием
  #2 (permalink)  
Старый 27.07.2012, 15:44
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

var br=$('#id')[0].getBoundingClientRect();
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием
  #3 (permalink)  
Старый 27.07.2012, 15:47
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

и http://learn.javascript.ru/view-and-position
Ответить с цитированием
  #4 (permalink)  
Старый 27.07.2012, 18:49
Аспирант
Отправить личное сообщение для leny Посмотреть профиль Найти все сообщения от leny
 
Регистрация: 29.04.2011
Сообщений: 91

Сообщение от devote
var br=$('#id')[0].getBoundingClientRect();
Спасибо!
Но почему не работает без [0] и так?
var br=$('#id').eq(0).getBoundingClientRect();
Ответить с цитированием
  #5 (permalink)  
Старый 27.07.2012, 19:14
Аватар для vadim5june
Студент
Отправить личное сообщение для vadim5june Посмотреть профиль Найти все сообщения от vadim5june
 
Регистрация: 30.04.2012
Сообщений: 1,113

Сообщение от leny Посмотреть сообщение
Но почему не работает без [0] и так?
getBoundingClientRect()-метод DOM объекта
а при $('#id') или $('#id').eq(0)
получаем jquery-объект
Ответить с цитированием
  #6 (permalink)  
Старый 27.07.2012, 19:20
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

var br=$('#id').get(0).getBoundingClientRect();
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием
  #7 (permalink)  
Старый 17.02.2015, 18:58
Новичок на форуме
Отправить личное сообщение для Valeriu Посмотреть профиль Найти все сообщения от Valeriu
 
Регистрация: 17.02.2015
Сообщений: 1

спасибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Высота страницы по высоте окна браузера Николян (X)HTML/CSS 4 16.01.2014 20:12
Смена стилей страницы при изменении размера окна браузера goooooch Javascript под браузер 6 19.11.2011 18:49
Скрипт вычисления координат объекта banderasantonio197555 Events/DOM/Window 4 16.08.2011 17:37
Динамическое получение ширины и высоты окна браузера Esseron Элементы интерфейса 2 04.04.2011 16:00
Реклама по центру окна браузера Макс Элементы интерфейса 2 15.06.2008 00:55