Wie AutoVervollständigen-Vorschläge arbeiten?
Zum Beispiel, wenn Sie etwas in der oberen rechten google - /yahoo-Suchfeld in firefox gibt es eine Art 'vorgeschlagen' auto-vervollständigen' Art der Sache.
Weiteres Beispiel ist in der youtube-Suchfeld ein und Stackoverflow-tags Bearbeiten-Feld direkt unter diesem Frage-Vorschau. Wie funktionieren Sie? Was die Technik hinter 'em?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ist gemacht mit die Verwendung von AJAX, diese Seite hat ein schönes tutorial über Sie:
AJAX-Tutorial Empfehlen, und die WaybackMachine-version, wie die Webseite scheint down.
Einer Datenbank mit keywords und ein bisschen code ist alles dort ist zu ihm, soweit ich weiß.
Ich bin, zu lernen, wie verwenden Sie es jetzt tatsächlich, für die Arbeit. 🙂
Andere Ressource ist w3schools. Sie bedeckten ihn als gut.
how autocomplete works
Falls Sie sich Fragen, welche Datenstruktur verwendet wird unter dann seine so genannte "trie" und für die Verwendung weniger Speicherplatz im Vergleich zu versucht Sie verwenden können, "DAFSA"
beiden implementiert sind, wie ein Baum, wobei jeder Knoten des Baumes entspricht einem Zeichen in einem string und das Zeichen, welches erscheint, bevor Elternteil des Charakters, die erscheint später z.B. Die strings "Tippen", "taps", "top" und "tops" gespeichert werden in einem Trie (Links) und ein DAFSA (rechts),so wie Sie mit der Eingabe beginnen Tippen..der Baum Durchlaufen wird auf der Grundlage der eingegebenen Zeichen und zeigt die Vorschläge auf einige Gewicht zugewiesen, um jedes Wort, Gewicht zugewiesen werden können, basierend auf Häufigkeit der Nutzung der Wort.
Nachschlagen string im worst-case ist O(m) Zeit, wobei m die Länge der Zeichenkette.
Bild verwiesen wird, aus dem wikipedia-Artikel : DAFSA,trie
Verwenden Sie JavaScript, um in der Regel:
Wenn das JavaScript hat die Liste der Einträge, um zu zeigen, es ändert die Seite, um den AutoVervollständigen-Feld.
Wenn Sie wollen, um eine AutoVervollständigen-Feld auf Ihrer website habe ich benutzt und Folgendes gefunden sehr gut zu sein. Es ist auch basierend auf dem beliebten jQuery-framework.
jQuery autocomplete plugin
Ist es ganz einfach.
Client-Seite:
Server-Seite:
Es gibt eine ausgezeichnete open-source-Land Wähler, die Smashing Magazine Artikel (link unten) beinhaltet eine Diskussion über die usability-Herausforderungen mit plain AutoVervollständigen Lösungen, und behebt Sie.
Während ich bin UX, nicht Dev, ich bin mir sicher, dass ein cleverer Entwickler sich dieses open-source-code zur Verarbeitung anderer Arten von Selektionen—nicht nur die Namen der Länder. 🙂
Der Artikel beschreibt, dass die usability-Probleme, die in diesem Selektor behebt.
Die demo-und open-source-download. Probieren Sie es aus!
Disclaimer: ich habe keine Verbindung zu den Leuten, die aus diesem Land-Selektor. Ich habe gerade zufällig darüber wissen, und ich mag zu teilen Informationen über Usability mit den Entwicklern, FWIW.
Gibt es so viele Antworten auf dieses wie gibt es verschiedene Implementierungen von Ihnen. Unsere AutoCompleter, die Sie finden ein Beispiel in Gestapelt funktioniert durch das auslösen eines Ereignisses, die dann verarbeitet wird, in der codebehind der .ASPX-Seite, von der aus Sie füllen eine ControlCollection mit dem, was Steuerelemente, die Sie wünschen. Wir sind jedoch in Gestapelten nur mit Literal-Steuerelemente mit Text-Inhalt, wird der Anker-links. Aber wir können Sie Checkboxen oder Bilder, wenn wir wollten...
Wenn du on bist ASP.NET unsere AutoCompleter ist ein großartiger Ort zu starten. Wenn du auf "etwas anderes" dann wohl ScriptAculous AutoCompleter ist ein weiterer schöner Ort, um zu starten...
ich habe auch seit kurzem arbeiten auf AutoVervollständigen-Funktion, und wir verwendeten lucene-index an der der text angezeigt werden, in der automatischen Vervollständigung. Die Suche ist schnell mit lucene. Somethings, die man beim arbeiten mit AutoVervollständigen-Daten:
Hier ist eine für MooTools.