Книга: HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов
Получение и задание размеров и местоположения элемента Web-страницы
Получение и задание размеров и местоположения элемента Web-страницы
Добравшись до нужного элемента Web-страницы, мы можем начать работать с ним, например, получить и задать его размеры и местоположение с помощью описанных в этом разделе методов объекта Element.
Методы getWidth и getHeight возвращают, соответственно, ширину и высоту данного элемента Web-страницы в виде числа в пикселах:
<экземпляр объекта Element>.getWidth|getHeight([true])
Если этим методам не передавать никаких параметров, они вернут полную ширину и высоту элемента Web-страницы, с учетом рамки и внутренних отступов. Если же им передать значение true, они вернут ширину и высоту только содержимого элемента, без учета рамки и внутренних отступов.
Пример:
var iWidth = Ext.get("cmain"). getWidth();
В переменной iWidth окажется полная ширина контейнера cmain.
Методы setWidth и setHeight задают, соответственно, ширину и высоту данного элемента Web-страницы:
<экземпляр объекта Element>.setWidth|setHeight(<значение>)
Единственный параметр, передаваемый данным методам, — числовое значение ширины или высоты в пикселах:
Ext.get("cmain"). setWidth(700);
Методы getX и getY возвращают, соответственно, горизонтальную и вертикальную
координаты верхнего левого угла данного элемента Web-страницы в виде числа в пикселах. Координаты, возвращенные этими методами, отсчитываются относительно верхнего левого угла Web-страницы. Параметров эти методы не принимают.
Пример:
var elCMain = Ext.get("cmain");
var x = elCMain.getX();
var y = elCMain.getY();
Метод getOffsetTo возвращает смещение по горизонтали и вертикали данного элемента Web-страницы относительно другого элемента:
<экземпляр объекта Element>.getOffsetTo(<экземпляр объекта Element>)
В качестве параметра этому методу передается экземпляр объекта Element, представляющий элемент Web-страницы, относительно которого нужно узнать смещение данного элемента.
Метод getOffsetTo возвращает массив из двух элементов (чисел в пикселах): первый представляет смещение по горизонтали, второй — по вертикали.
Пример
var m = Ext.get("cmain"). getOffsetTo(Ext.get("cnavbar"));
var x = m[0];
var y = m[1];
Здесь мы получим в переменных x и y, соответственно, горизонтальное и вертикальное смещения контейнера cmain относительно контейнера cnavbar.
- Зачем нужна библиотека Ext Core
- Использование библиотеки Ext Core
- Ключевые объекты библиотеки Ext Core
- Доступ к нужному элементу Web-страницы
- Доступ сразу к нескольким элементам Web-страницы
- Доступ к родительскому, дочерним и соседним элементам Web-страницы
- Получение и задание размеров и местоположения элемента Web-страницы
- Получение размеров Web-страницы и клиентской области окна Web-обозревателя
- Получение и задание значений атрибутов тега
- Управление привязкой стилевых классов
- Получение и задание значений атрибутов стиля
- Управление видимостью элементов Web-страницы
- Добавление и удаление элементов Web-страницы
- Обработка событий
- Получение размеров Web-страницы и клиентской области окна Web-обозревателя
- Получение статистики
- Информация заголовочной страницы (Database header)
- Тестирование Web-сервиса XML с помощью WebDev.WebServer.exe
- Размер страницы базы данных
- Дополнительные национальные кодовые страницы и порядки сортировки
- Задание a1 для исполнителя Робот
- Листинг 15.11. Код для загрузки файла с Web-сервера
- Письма с элементами графики и вложениями
- Домашнее задание
- Получение помощи
- Получение помощи по работе с книгой и компакт-диском