PHP Ajax AutoSuggest jQuery-Plugin

  • Kann leicht konfiguriert werden.
  • Facebook Theme.
  • Schneller.
  • Themen können leicht mit nur wenigen Änderungen in CSS verändert werden.
  • Getestet in Firefox 3.6, IE 8, Google Chrome 6.0.
  • Leicht, erhältlich in 3 verschiedenen Größen.
    • jquery.autoSuggest.js - 9kb
    • jquery.autoSuggest_minified.js - 5kb
    • jquery.autoSuggest_packed.js - 3kb
  • Version 1.1
  • Hinzugefügt Tastatur-Unterstützung.
  • Die Auswahl kann mit UP / DOWN Pfeiltasten vorgenommen werden.
  • TAB-Taste für die Option selectection.
  • ENTER-Taste für die Option selectection.
  • Verhindertes Formular Vorlage auf ENTER-Taste.
  • Zusätzliche Parameter können übergeben werden, um server.php

Diese Option wird Dateipfad halten die Optionen zurück call.Default Wert ist NULL Ajax.







Wenn Sie benutzerdefinierte Parameter Ajax-Datei senden möchten, dann können Sie alle übergeben, die durch diese Variable in einzelnen Abfragezeichenfolgeflag Parameter. Der Standardwert ist NULL.

Wenn Sie den Wert unter Maus / Tastatur in das Textfeld ausfüllen möchten setzen Sie diese Variable auf true gesetzt. Der Standardwert ist false.

iWidth Optionen hält Breite der Vorschlagsliste gewünscht. Mögliche Werte könnten
1) Auto - Automatische Anpassung mit Eingabefeldern Breite.
2) Jede ganze Zahl (Ex 100 Pixel) -. Benutzerdefinierte
Der Standardwert ist auto.

Undurchsichtigkeit der Vorschlagsliste. Es kann alles von 0,0 bis 1,0 sein

iLimit Option hält Anzahl der Ergebnisse (Artikel) Sie in der Vorschlagsliste angezeigt werden sollen.

Wenn Sie id ausgewählter Artikel speichern möchten, und wollen, dass es auf der nächsten Seite zur weiteren Verarbeitung übergeben dann ‚idHolder‘ ist das, was Sie für loking sind. Eingabefeld Namen in dieser Option eingeben. und AutoSuggest Plugin wird automatisch speichern ID des ausgewählten Elements in der mitgelieferten Feld.

Dies ist eine zusätzliche Option in nur wenigen Plugins gesehen. jetzt mit dieser Option können Sie Autosuggest Plugin mitteilen, welche Kriterien suchen zu verwenden.
1) beginnt - Listet alle Werte, die mit eingegebenen Text beginnt.






2) endet - Listet alle Werte, die mit eingegebenen Text endet.

3) enthält - Listet alle Werte, die mit eingegebenen Text enthält.

Hallo Amit, und erster, danke für diese großen Teile von Ihnen.

Ich ging durch viele Autosuggest / automatische Vervollständigung Skripte innerhalb einer Woche, und Ihr scheint endlich die Nähe zu meinen Bedürfnissen und Zielen.

Da Sie die Testergebnisse auf Ihrer Demo anfordern, ist hier ein von Safari 5.0.3 und Firefox 5.3.8 unter Mac OS X das einzige Problem, das ich ist der Mangel an Auswahl nach oben / unten Pfeiltasten erfüllt.

Ich würde gerne Ihren Skript auf meinem eigenen Server zu testen, aber ich brauche einen Dump Ihrer MySQL-Test-Tabelle genau Ihren Code zu passen, und sehen, ob es funktioniert.
Könnten Sie es mir / uns bitte?

Ich werde diese schillernde iinsght für einen guten Zweck in kürzester Zeit setzen.

Nochmals vielen Dank, Sie wissen nicht einmal, wie viel Zeit ich Ihnen schuldig!

hurrreeeyyy ...! seine Arbeits in Safari 5.0.3 und Firefox 5.3.8. Dank für die Testergebnisse. und ich werde Demo bald aktualisieren. vielen Dank Patrik.

Hier ist ein wenig Beratung für Anwender, die, wie ich, verwenden Sie die ISO-8859-1 charset statt UTF-8.

Ihr AutoSuggest Skript funktioniert nicht für Menschen, die versuchen, ein Wort mit Umlauten in einer korrekt konfigurierten Umgebung (Webseite in ISO-8859-1 + SQL in latin1_general_ci) zu suchen.

Eine Lösung für dieses Problem ist, den eingegebenen Text in UTF-8 nach rechts in die SQL-Abfrage zu konvertieren.
Um das zu tun, werden Sie bearbeiten müssen Amit des „server.php“ Datei, Zeilen 36 bis 38:

Ersetzen jedes Auftreten
wie ‚“. $ data.“%‘

Durch
LIKE CONVERT (_utf8 ‚%“. $ Data.“%‘ Weiter verwenden UTF-8) COLLATE utf8_general_ci

Das Modifikation wird die Anzeige des akzentuierten Buchstaben nicht beheben (ich arbeite noch daran:]).

Hallo Patrik,
Vielen Dank noch einmal für diesen wertvollen Vorschlag. Sie haben dieses Problem bereits 60% gelöst, werde ich auch auf Brief Anzeige anfangen zu arbeiten.

Wir sahen die nach oben und unten Pfeile bewegen 2 Reihen zu einem Zeitpunkt, wenn Ihr Skript.

Mit Blick auf den Code, es sah aus wie beide die Standard-Schaltfläche Aktion und die gescriptete Aktion wurden zur gleichen Zeit feuern.

Wir ersetzten die Leitung 58 in den jquery.autoSuggest.js mit

und die nach unten und nach oben Veranstaltungen erfolgreich nur einmal gebrannt. Hoffe, das hilft jemand, der Probleme hat!

hallo amit. im ein Problem über dieses Plugin hat. wenn ich versuche, diese auf meine Seite zu stopfen, ist es überhaupt nicht laufen. Ich denke, die aufgrund des Abfrage-String. Zum Beispiel: index.php? Menu = Form. habe ich etwas hier verpasst? # 128558;

Dies ist ein wirklich schönes Plugin! aber ich brauche 2 Instanzen für 2 verschiedene Textfelder. können Sie einige Hinweise geben, was geändert werden muss? Ich versuche, es den ganzen Tag, aber ich glaube, ich weiß nicht, das wirklich Problem. /

Hallo Thomas,
Wirklich leid, das zu sagen, dieses Plugin nicht unterstützt 2-Instanzen auf derselben Seite. Ich bin auch neu in jQuery Plugin-Entwicklung und weiß nicht, wie Plugin zu machen, die mehrere Instanzen auf derselben Seite haben können. wenn u Erfolg zu bekommen, um mehrere Instanzen für dieses Plugin zu haben, wird es sehr geschätzt und bitte tun Sie mich wissen lassen, so kann ich es veröffentliche hier mit Ihrem Namen im Entwicklungsteam.







In Verbindung stehende Artikel