Начал потихоньку изучать учебник HTML.5.CSS.3.и.Web 2.0.Разработка.современных Web-сайтов.
И сразу же откроем файл Web-сценариев main.js. В са-мом его начале, еще до вызова метода onReady объекта Ext, вставим код листин-га 16.2. Листинг 16.2
function adjustContainers() {
var clientWidth = Ext.lib.Dom.getViewportWidth();
var clientHeight = Ext.lib.Dom.getViewportHeight();
var cNavbarWidth = Ext.get("cnavbar").getWidth();
var cHeaderHeight = Ext.get("cheader").getHeight();
var cCopyrightHeight = Ext.get("ccopyright").getHeight();
Ext.get("cheader").setWidth(clientWidth);
var cNavbarHeight = clientHeight — cHeaderHeight — cCopyrightHeight -
30;
Ext.get("cnavbar").setHeight(cNavbarHeight);
Ext.get("cmain").setHeight(cNavbarHeight);
Ext.get("cmain").setWidth(clientWidth — cNavbarWidth — 10);
Ext.get("ccopyright").setWidth(clientWidth);
}
В конце тела функции, которую мы передаем в качестве параметра методу onReady объекта Ext, вставим два выражения:
Ext.fly(window).on("resize", adjustContainers);
adjustContainers();
Не могу понять,что и куда вставлять.
Вот,что находиться в файле main.js
Ext.onReady(function() {
var ceLinks = Ext.select("UL[id=navbar] LI");
Ext.fly(window).on("resize", adjustContainers);
adjustContainers();
ceLinks.on("mouseover", function(e, t) {
Ext.get(this).addClass("hovered");
e.stopEvent();
});
ceLinks.on("mouseout", function(e, t) {
Ext.get(this).removeClass("hovered");
e.stopEvent();
});
});
Помогите собрать головоломку