На следующем шаге нужно создать метод, который добавит новые под¬сказки в выпадающий список и затем отобразит его. Метод showSugges-tions() принимает массив с подсказками в качестве аргумента, создает необходимые элементы DOM для последующего отображения, после чего выполняет позиционирование выпадающего списка и выводит его на экран:
к AutoSuggestControl.prototype.snowSuggestions:= function (aSuggestions)<
var oDiv = null; !
this.layer.innerHTMl =
for (var i=0; i < aSuggestions.length; i++) { oOiv = document.createElement("div"); oDiv.appendChild(document.createTextNode(aSuggestions[i])); ' this.layer.appendChild(oDiv);
this, layer, style, left = this.getleftO + "px"; this.layer.style.top = (this.getTop()+this.textbox.offsetHeight) this.layer.style.visibility = "visible";
Первая строка просто определяет переменную oDiv. Вторая строт щает содержимое выпадающего списка, записывая в его свойс nerHTML пустую строку. Затем в цикле for для каждой подсказки» ется элемент с текстовым узлом, после чего он доба в список.
Следующий фрагмент кода начинается с определения КООРДЕ списка, для чего вызывается метод getLef t(). Чтобы определить! динату Y, необходимо к результату, возвращаемому методом get! добавить высоту текстового поля (свойство of f setHeight). Если: сделать, выпадающий список будет выведен поверх текстового i (Не забывайте, что метод getTopO возвращает смещение верх! ницы текстового поля, а не выпадающего списка.) В заключен сок делается видимым, для чего в свойство visibility запись строка visible.