AJAX AutoComplete mit PHP + JSON

PsychoEagle · 06.08.2008, 15:29

Tach ihrs

ich suche ein kostenloses AutoComplete für Formular Felder (input type="text") basiert auf AJAX (JS, PHP, JSON).

Also die Daten zum Abgleich sollen dann in einer JSON Datei liegen, rest selbstverständlich per AJAX verarbeitet.

In etwa so etwas:
jQuery Autocomplete Plugin

(erstes input -> Single City (local))

und wenn es geht nicht nur ab Anfang des Strings sondern auch bei Eingabe von "Chen" München mit auflisten.

Das jQuery Plugin für Autocomplete ist ja soweit ganz gut, holt aber seine Daten aus einer JS var und nicht aus einer JSON-File. Auch sucht er nur ab Anfang der Werte und nicht mitten drin.

Vielleicht kennt jemand von euch ein gutes (oder benutzt solches auch irgendwo).

Verwendungszweck ist bei Städten, es sollen bei Eingabe einer PLZ oder einer Stadt der Stadtname angezeigt werden.

Später möchte ich auch bei Eingabe einer Branche wie "Architekt" alle Werte aus einer Branchen JSON-File auslesen lassen.

Vielen Dank

Grüße
Das Psy

notyyy · 06.08.2008, 16:44

ich habe recht gute erfahrungen mit prototype und scriptaculous gemacht

PsychoEagle · 06.08.2008, 16:49

Ich finde script.aculous auch recht schön, jedoch bekomm ich es nicht auf die Reihe, mit JSON-Dateien zu arbeiten. Entweder kann ich es mit ner HTML-Datei machen (<ul><li></li></ul> Aufbau) oder mit einem Array im Aufruf der Klasse.

Code:

<html>
  <head>
    <title>AutoCompleter v1</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/scriptaculous.js"></script>
  </head>
  <body>
    <input type="text" id="where" name="where_inp" autocomplete="off" />
    <span id="where_indi" style="display: none">
      <img src="spinner.gif" alt="Working..." />
    </span>
    <div id="where_div" style="display:none;border:1px solid black;background-color:white;height:50px;overflow:auto;" class="autocomplete"></div>
    
    <script type="text/javascript" language="javascript" charset="utf-8">
    // <![CDATA[
      new Autocompleter.Local('where',
                              'where_div',
                              new Array("John Jackson", "Jack Johnson", "Jane Agnews"), 
                              { 
                                choices:        10,
                                tokens:         new Array(',','\n'),   
                                fullSearch:     true,
                                partialSearch:  true
                              }
                             );
    // ]]>
    </script>
  </body>
</html>

Aber wie gesagt, sonst von der Funktion genau das, was ich suche

Hast du mir da eventuell ein Beispiel mit JSON? Entweder ich bin zu blöd zum Suchen und Finden, oder es geht nicht oder sonst was

Grüße
Das Psy

notyyy · 06.08.2008, 16:55

API's sind schon was schweres:

Prototype JavaScript framework: Introduction to JSON

PsychoEagle · 06.08.2008, 17:03

Ok danke, werd ich mir morgen mal genau anschauen ... ich hab die ganze Zeit bei Scriptaculous geschaut bzw. Home — scriptaculous — GitHub

Danke schön

phpdummi · 07.08.2008, 13:32

jQuery bietet auch JSON an ..

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Anwendungsentwickler (Schwerpunkt AJAX) in Hamburg	WPM	Beitragsarchiv	0	24.04.2008 16:01
AJAX: Session-Inhalt an PHP	Curanai	HTML, Usability und Barrierefreiheit	2	05.11.2007 15:45
Ergebnise addieren, Ajax + PHP	phpbeginner	HTML, Usability und Barrierefreiheit	1	18.10.2007 01:40
AJAX open mit POST und GET	DonTermi	HTML, Usability und Barrierefreiheit	5	04.10.2007 18:22
Fileupload via AJAX	GSJLink	HTML, Usability und Barrierefreiheit	11	07.09.2007 15:44
Javascript in Ajax responseText funktioniert nicht	Plague	PHP Tipps 2007	6	03.07.2007 21:08
Ajax bild.php aktualisieren	M3g4Star	HTML, Usability und Barrierefreiheit	3	09.03.2007 17:14
2 Fragen zu AJAX	Freeaak	HTML, Usability und Barrierefreiheit	11	22.02.2007 18:29
innerHTML funktioniert nicht bei AJAX request	Plague	HTML, Usability und Barrierefreiheit	1	21.12.2006 14:30
Ajax und Sonderzeichen?	GSJLink	HTML, Usability und Barrierefreiheit	1	11.11.2006 14:36
ajax framework	dh1sbg	Off-Topic Diskussionen	4	03.11.2006 09:50
AJAX: Newsflash: How to?	SvenLittkowski	HTML, Usability und Barrierefreiheit	11	26.09.2006 23:14
ajax / popup problem	flflfl	HTML, Usability und Barrierefreiheit	11	11.06.2006 20:05
Ajax Formular	Chrischnian	HTML, Usability und Barrierefreiheit	8	29.05.2006 17:58
php + ajax	notyyy	PHP Tipps 2006	27	14.05.2006 14:58

06.08.2008, 15:29
PsychoEagle there's only one psycho Registriert seit: 21.08.2007 Beiträge: 1.283 PHP-Kenntnisse: Anfänger	AJAX AutoComplete mit PHP + JSON Tach ihrs ich suche ein kostenloses AutoComplete für Formular Felder (input type="text") basiert auf AJAX (JS, PHP, JSON). Also die Daten zum Abgleich sollen dann in einer JSON Datei liegen, rest selbstverständlich per AJAX verarbeitet. In etwa so etwas: jQuery Autocomplete Plugin (erstes input -> Single City (local)) und wenn es geht nicht nur ab Anfang des Strings sondern auch bei Eingabe von "Chen" München mit auflisten. Das jQuery Plugin für Autocomplete ist ja soweit ganz gut, holt aber seine Daten aus einer JS var und nicht aus einer JSON-File. Auch sucht er nur ab Anfang der Werte und nicht mitten drin. Vielleicht kennt jemand von euch ein gutes (oder benutzt solches auch irgendwo). Verwendungszweck ist bei Städten, es sollen bei Eingabe einer PLZ oder einer Stadt der Stadtname angezeigt werden. Später möchte ich auch bei Eingabe einer Branche wie "Architekt" alle Werte aus einer Branchen JSON-File auslesen lassen. Vielen Dank Grüße Das Psy __________________ "Weaseling out of things is important to learn. It's what separates us from the animals ... except the weasel." (Homer J. Simpson)


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

06.08.2008, 16:44
notyyy Erfahrener Benutzer Registriert seit: 12.05.2005 Beiträge: 1.037 PHP-Kenntnisse: Fortgeschritten	ich habe recht gute erfahrungen mit prototype und scriptaculous gemacht

06.08.2008, 16:55
notyyy Erfahrener Benutzer Registriert seit: 12.05.2005 Beiträge: 1.037 PHP-Kenntnisse: Fortgeschritten	API's sind schon was schweres: Prototype JavaScript framework: Introduction to JSON

06.08.2008, 17:03
PsychoEagle there's only one psycho Registriert seit: 21.08.2007 Beiträge: 1.283 PHP-Kenntnisse: Anfänger	Ok danke, werd ich mir morgen mal genau anschauen ... ich hab die ganze Zeit bei Scriptaculous geschaut bzw. Home — scriptaculous — GitHub Danke schön __________________ "Weaseling out of things is important to learn. It's what separates us from the animals ... except the weasel." (Homer J. Simpson)

07.08.2008, 13:32
phpdummi Erfahrener Benutzer Registriert seit: 06.06.2008 Beiträge: 1.631 PHP-Kenntnisse: Anfänger	jQuery bietet auch JSON an .. __________________ "Nobody is as smart as everybody" - Kevin Kelly — The best things in life aren't things