mootools basierter autoCompleter

einfache Integration in bestehende Systeme

Es gibt sicher bereits einige Varianten, die eine Einbindung eines sogenannten Autocompleters auf Basis von Mootools zulassen. Diese Variante besticht a) durch Ihre Schnelligkeit sowie den schlanken Code, der dahinter zu finden ist.

Schnelligkeit und Präzision

Das Wichtigste an diesem Script ist wohl die Datenbank sowie dessen Abfrage. Normale mySQL Abfragen mit "LIKE" sind bei großen Datenbeständen einfach viel zu langsam. Die für die Demo verwendete Datenbank hat einen Wortbestand von über 300.000 Wörtern - Sie werden selbst sehen, wie schnell Ihre Eingaben gefunden werden.

Funktionalität

Ganz einfach - Sie tippen ein Wort, und während Sie dies tun, werden Ihnen in einem AJAX erzeugten Feld Wörter, die mit den von Ihnen eingegebenen Buchstaben korrelieren, angezeigt. Ein Klick auf eins der Wörter "schiebt" dies dann in die Box, in der Sie tippen. Die Auswahlbox mit den Worten blendet sich dann automatisch wieder aus.

Limitierungen

Absichtliche Limitierungen sind z.B., dass es keine Möglichkeit gibt, mehrere Worte auf einmal zu suchen. Weiterhin wird die Suche erst ab 3 Zeichen aktiv, was natürlich an den eigenen Geschmack anpassbar ist - jedoch sollte bei vielen Worten in der Datenbank eine bestimmte Mindestlänge eingehalten werden.

Script wird publik

Das hier vorgestellte mootools Autocompleter Script finden Sie in der Februar Ausgabe des PHP Solutions Magazins als kompletten Artikel zum selber programmieren und auch auf CD.

Demo des Snippets

Tippen Sie hier ein Wort ein

 

Die Hover-Box legt sich natürlich über alle darunter stehenden Elemente darüber, damit nichts im Fluss der Seite verschoben wird, besonders bei langen Listen an Schlagwörtern.

Surftipps

Der Begriff steigende Energiekosten ist in aller Munde. Wir helfen ihnen beim Strom sparen und informieren sie über aktuelle Strom-Tarife.