Функция itemClick() вызывается, когда пользователь щелкает по заго¬ловку новости в панели Items (Заголовки новостей) (подобно функции loadFeed(), itemClick() совмещает в себе функцию обработки события). Она принимает один аргумент iltem, содержащий порядковый номер заголовка в списке. Она также отвечает за выделение последней нажа¬той ссылки цветом фона. Изменение цвета фона достигается за счет из¬менения класса CSS элемента на itemlink-selected. Применение раз-аичных стилей CSS упрощает настройку приложения.
Для корректной работы пользовательского интерфейса предусмотрена глобальная переменная, хранящая информацию о последнем выбран¬ном элементе списка. Эта переменная называется oSelected, и в нее за-ансывается ссылка на выбранный элемент:
iltem = (typeof iltem == "number")?iItem:this.getAttribute("frFeedltem"); var oEl = document.getElement8yId("oA"+iItem); if (oSelected != oEl) {
if (oSelected) oSelected.className = "itemlink";
oEl.className += "-selected";
oSelected = oEl;
Сеылка на выделенный объект извлекается с помощью метода getEle-entByldO и записывается в переменную oEl. Затем эта переменная сравнивается с переменной oSelected, чтобы определить, по какой ссылке был произведен щелчок - по выделенной ранее или по новой. Вели значения переменных совпадают, значит, щелчок был произве¬ла по ссылке, выделенной ранее, и поэтому никакие действия не пред¬принимаются. Если же переменные ссылаются на разные объекты, то класс элемента oSelected возвращается в значение itemlink, а в качестве класса новой ссылки устанавливается itemlink-selected, после чего • переменную oSelected записывается ссылка на новый элемент.
Чтобы отобразить элемент в панели просмотра, необходимо получить ссылки на несколько элементов.
var divTitle = document.getElementById("divMessageTitle"); var aLink = document.getElementById("aMessageLink"); var divBody = document.getElementByldC'divMessageBody");
В элементе divTitle, как следует из его имени, размещается заголовок новости. Элемент aLink предоставляет в распоряжение пользователя ссылку, щелкнув по которой, можно перейти к полному тексту ново-сп. В элементе divBody размещается содержимое элемента или :
var oltem = oFeed.itemsfiltem]; divTitle.innerHTML = oltem.title.value; aLink.href = oltem.link.value; divBody,innerHTML = oltem.description.value;
Затем ссылка на объект записывается в переменную oltem, к и служит для извлечения данных из о Feed. Заголовок новости з вается в элемент divTitle, а в атрибут ссылки href записывается значение, чтобы отобразить изменения. Описание новости выво в элемент divBody через свойство innerHTML. Свойство innerHTML rap рует, что описание новости будет отображено в удобочитаемом Такие сущности языка HTML, как &атр; будут отображены как «&»„