JavaScript - Ajax, XML i Ajax, auto uzupełnienie

Kod:

Ewentualne Objaśnienia:

Przykład ten tak jak i poprzedni skopiowałem z książki "JavaScript - Podręcznik tworzenia interaktywnych stron Internetowych" autorstwa Dave'a Thau.
To bardzo praktyczna rzecz - auto uzupełnienie formularza (pola tekstowego). Przykład ten bazuje podobnie jak poprzedni na plikach XML (wyświetla max 11 elementów na liście podpowiedzi). Niestety z listy wyświetlanych podpowiedzi nie da się wybrać danej opcji. W najbliższym czasie przedstawię lekcję gdzie takie auto uzupełnienie oprze się na skrypcie PHP, który będzie pobierał dane z bazy MySQL. Daną podpowiedź będzie można również wybrać. Ale to nie w tej lekcji ;-) Ten przykład tak jak mowiłem bazuje na dokumentach XML związanych ze słownikiem wyrazów angielskich (patrz przykład poprzedni).

Przedstawiony kod wydaje się być skomplikowany jednak wcale tak nie jest. Wszystkie użyte techniki tutaj znacie - nowością jest jedynie zapis : tablica.push(zmienna) - służy nam do dodania nowego elementu do tablicy, na jej końcu. Zapraszam każdego z Was do przeanalizowania powyższego kodu - jest naprawdę prosty, a dla Was będzie to dobre ćwiczenie :-) Zwróćcie uwagę na obliczanie wysokości wyświetlanego DIVa z uzupełnieniami [ suma wysokości wierszy, zwiększona o wielkość związaną z odstępami między tymi wierszami ].