mehrer Ajax.Autocompleter auf einer seite

Niederbobi

Erfahrenes Mitglied
moin!

ich habe den Ajax.Autocompleter von script.aculo.us in ner seite verbaut.

Wenn ich das mit einem (1) text-input mache läuft das ganze problemlos. Wenn ich allerdings ein 2. oder 3. input benutze geht nichts mehr :(

Code:
new Ajax.Autocompleter("destination", "destination_choices", ac_url, ac_param);
new Ajax.Autocompleter("city", "city_choices", ac_url, ac_param);
new Ajax.Autocompleter("hotel", "hotel_choices", ac_url, ac_param);

und
HTML:
		<tr>
			<td class="topic" >Reiseziel</td>
			<td>
				<input type="text" id="destination" name="destination"/>
				<div id="destination_choices" class="autocomplete"></div>
			</td>
		</tr>
		<tr>
			<td class="topic" >Reiseort</td>
			<td>
				<input type="text" id="city" name="city"/>
				<div id="city_choices" class="autocomplete"></div>
			</td>
		</tr>
		<tr>
			<td class="topic" >Hotel</td>
			<td>
				<input type="text" id="hotel" name="hotel"/>
				<div id="hotel_choices" class="autocomplete"></div>
			</td>
		</tr>

Hat das schon mal jmd erfolgreich probiert, oder ist wie ich gescheiter? Hat jmd einen Tip?

Danke schon mal!
 
Hi,

Probleme scheint es zu geben, wenn die Optionen in einer Variablen (ac_param) übergeben werden. In einem solchen Fall funktioniert bei mir nur noch der letzte Autocompleter.

Schreibe ich das Optionen-Objekt direkt in die Aufrufe, so funktioniert es mit allen Completern.

Code:
window.onload = function(){
  new Ajax.Autocompleter("destination", "destination_choices", ac_url, {afterUpdateElement: theFunc, minChars: 1});
  new Ajax.Autocompleter("city", "city_choices", ac_url, {afterUpdateElement: theFunc, minChars: 1});
  new Ajax.Autocompleter("hotel", "hotel_choices", ac_url, {afterUpdateElement: theFunc, minChars: 1});
}
Ciao
Quaese
 
mensch Quaese,

Wieviel arbeit hast du mir erspart! Ich danke dir

aso nur um das noch zu erwähnen .. 3x hinkopiert und schon ging es perfektt!
 

Neue Beiträge

Zurück