JQeuery Autosuggest --- Mal 2

Beginner

Thursday, April 1st 2010, 3:43pm

JQeuery Autosuggest --- Mal 2

Hallo liebe Coding Gemeinde,

ich versuch gerade folgendes. Ich habe mittels Tabs die Möglichkeit zwei Div's aufzurufen und dort befindet sich je ein Suchfeld. Einmal eine Universalsuche mit vielen Stadtinfos und einmal einen nur mit Straßeninformationen. Aufgrund der Vielzahl an Einträgen gibt natürlich die Autosuggest-Funktion dem User etwas vor, soweit so gut. Klappt eigentlich auch alles nur, dass ich keine ZWEI Autosuggest-Funktionen hinbekomme. Eins alleine klappt wunderbar, aber beide in den Div's streiken dann und versagen ihren Dienst - hat jemand vielleicht eine Idee für mich?

Danke im voraus

Hier mal ein bisschen Code:

-- Der Teil für die Universalsuche

Source code

<script>
function uni(inputString){
		if(inputString.length == 0) {
			$('#suggestions_uni').fadeOut();
		} else {
		$('#universal').addClass('load');
			$.post("autosuggest_universal.php", {queryString: ""+inputString+""}, function(data){
				if(data.length >0) {
					$('#suggestions_uni').fadeIn();
					$('#suggestionsList_uni').html(data);
					$('#universal').removeClass('load');
				}
			});
		}
	}

	function fill(uni) {
		$('#universal').val(uni);
		setTimeout("$('#suggestions_uni').fadeOut();", 100);
	}
</script>

-- Das Formularfeld...

Source code

<div>
<form method="post" action="#" name="searchform" id="form">
<input name="search" type="text" value="Bitte Suchbegriff eingeben..." id="universal" onkeyup="uni(this.value);" onblur="fill(uni);" onFocus="if(this.value=='Bitte Suchbegriff eingeben...') this.value=''" class="uni_searchfield" title="Die Universalsuche durchsucht alle Stadtinformationen mit Ausnahme der Stra&szlig;en. Bitte die Anfangsbuchstaben des Suchbegriffs eingeben und aus der Liste ausw&auml;hlen"/>
</form>
</div>

-- ..und die dazugehörige Box

Source code

1
2
3

<div class="suggestionsBox_uni" id="suggestions_uni" style="display: none;"> <img src="graphics/arrow.png" style="position: relative; top: -13px; left: 20px;" alt="upArrow" />
<div class="suggestionList_uni" id="suggestionsList_uni"></div>
</div>

So und wenn ich nun den obigen <script>-Teil ein zweites mal einbaue (und natürlich alles was mit universal zu tun hat ändere, tut sich nix. Bei der Universalsuche kann ich dann die "fill" Funktion nicht mehr nutzen und bei den Straßen wird nicht weitergeleitet (das # im action Attribut hab ich jetzt gerade hier mit Absicht geändert)

Danke

Torben Brodt

Administrator

Posts: 8,454

Thursday, April 1st 2010, 6:30pm

Willkommen bei easy-coding,
ne, das klappt so natürlich nicht

Eine ID ist ein eindeutiger Identifier. Somit kann es nach deiner Programmierung nur eine einen Div Container mit #suggestions_uni geben etc.
Lösen kannst du das, indem du alle Jquery Objekte als Parameter an die Funktion weitergibst und dort nur referenzierst.

Wenn du nicht weiter kommst, frag nochmal...