Получение и задание размеров и местоположения элемента 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.