До сих пор мы акцентировали все свое внимание на создании HTML, CSS, JavaScript и РНР, который будет использоваться и жением с функцией автоматического дополнения. Осталось лишь брать все это в одной странице. Самое главное - не забыть под все необходимые файлы JavaScript. В данном приложении нам ется подключить файлы j son. j s, zxml. j s и autosuggest. j s. He менее но подключить файл с каскадными таблицами стилей autosuggest.
Кроме того, надо не забыть создать экземпляр класса AutoSuggest rol, после того как страница будет загружена с помощью обраб события onload. Полный код страницы примера:
'
, ; •. • .-. .'
Autosuggest. Example . window,onload = function'()'{
var oTextbox * new . ^ ч"
AutoSuggestControl(document.getElementById("txtState"), new SuggesuonProviderQ);
}
M>«t:
AApec 1
Aupec 2
Обратите внимание: после того как все файлы будут подключены, нам придется написать всего одну строку кода JavaScript в обработчике со¬бытия window, onload, чтобы активизировать поддержку функции авто¬дополнения:
Эта строка создает новый экземпляр класса AutoSuggestCont rol, кс передается ссылка на текстовое поле ввода с идентификатором и и экземпляр класса SuggestionProvider. Это очень важно, чтобы, строка исполнялась только после полной загрузки страницы, метод document. getElementById() может вернуть неверный резулы
Созданный нами пример являет собою типовой образец формы,: рая заполняется персональной информацией и в которой MOJ пользоваться описанный элемент управления. Это может быть < ца, в которой клиент может дополнить сведения о себе, или сч оформления заказа. Как бы вы ни применяли описанную фу нальность, она,несомненно, сделает работу с формой удобнее, управления функцией автодополнения нельзя отнести к самым j решениям на базе Ajax, но это хороший пример применения: нологии, не создающего помех пользователю.