Am Dienstag habe ich meinen Autocompleter noch etwas verfeinert und Edith hat mir auch die Ursache der Probleme mit dem Internet Explorer gezeigt. Vor allem die Scrollbars mussten angepasst werden, da es nicht besonders schön ist, eine horizontale Scrollbar zu haben, die keinerlei Nutzen hat, da ich in meinem Dropdown – Menü ja keine zu langen Einträge habe. Außerdem werden jetzt die Einträge, über die der Benutzer mit der Maus fährt, größer und unterlegt angezeigt. So schaut es nicht nur besser aus, sondern ist auch praktischer als vorher.
Es gibt zwei Arten von Autocompletern, die man mit Scriptaculous machen kann. Die eine habe ich beim letzen Beispiel verwendet, man nennt sie Local Autocompleter. Das heißt, die Daten, die dem Benutzer vorgeschlagen werden sollen, sind im gleichen File notiert wie der Autocompleter. Da das für größere Listen nicht durchführbar ist, gibt es noch einen zweiten Autocompleter. Er heißt Ajax Autocompleter und kann auf Daten aus einer anderen Datei zugreifen. Das heißt normalerweise, dass er auf ein php-Script zugreift, welches die geforderten Einträge aus einer Datenbank holt und zurückschickt. Auf diesem Prinzip basiert auch GoogleSuggest.
Mein Ajax Autocompleter hat natürlich keine Datenbank zur Verfügung, deshalb habe ich einfach eine Liste mit eigenen Daten in eine andere Datei geschrieben. Diese unordered list erscheint, sobald der Benutzer irgendwelche Buchstaben eingibt. Das war auch zum Großteil schon meine Beschäftigung für Mittwoch, außer dass ich das Stylesheet für meine beiden Autocompleter noch etwas angepasst habe. Dabei habe ich für die Listen, die ausgegeben werden sollen und für die Inputfelder Klassen definiert, damit durch das Stylesheet nicht alle Listen, bzw. Inputfelder verändert werden, sondern nur bestimmte.
Außerdem habe ich noch eine neue Aufgabe bekommen, nämlich verschiedene Möglichkeiten herauszusuchen, wie man mit Ajax Tooltips erstellen kann. Das wird mich noch einige Zeit beschäftigen ;-)