Функции offset(), position().

Возможна ли без знания местоположения элемента на странице сайта красиво и эффективно распределить площадь страницы под документы сайта? Скорее здесь ответ будет отрицательным. Ну, конечно, методом "тыка" в конце концов все возможно. Однако, в библиотеке jQuery имеются простые и приятные инструменты для определения координат элементов выборки относительно окна браузера и относительно элементов-предков.

Допустим, Вам потребовалось отображать всплывающую подсказку над изображением при наведении указателя мыши. Значит Вы должны точно знать местоположение изображения( координаты) в окне браузера. Для этого можно использовать функцию offset().

Функцию offset() возращает значения, содержащие координаты элемента относительно верхнего левого угла документа. Эти значения будут числа выражающие количество пикселей от верхнего края и левого края, независимо от способа определения единицы измерения ( % или em).

Допустим изображение на странице сайта у Вас хранится под идентификатором id="izo". Тогда координаты данной картины можно записать через переменную:

                    var imagePosition=$('izo').offset();

Имя переменной Вы можете назначать любое по своему желанию. Однако, проблем не будет, если Вы будете придерживаться синтаксаса JavaScripta. И теперь значения координат у Вас определяется значениями данной переменной.

Координата относительно левого края хранится будет в объекте JavaScripta:

                    var imagePosition.left=$('izo').offset();

Координата относительно верхнего края хранится будет в объекте JavaScripta:

                    var imagePosition.top=$('izo').offset();

И примерно код программы при использовании свойств стилей для устройства всплывающей надписи над изображением с id="izo" будет:

                    $('#izo').css({
                    'position':'absolute',
                    'left':imagePosition.left,
                    'top':imagePosition.top
                    });

Функция position() возвращает объект, содержащий координаты элементы выборки относительно верхнего левого угла его ближайщего элемента-предка.

Чтобы Вы могли применить функцию offset() для установки значений местоположения элемента на странице сайта передаете данной функции объект со значениями свойств left и top:

                    $('#element').offset({
                    left: 250,
                    top: 100);
                    
              значения пишутся только в пикселях,
              в относительных значениях %, em не работает.

seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед