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
Alles anzeigen
-- Das Formularfeld...
-- ..und die dazugehörige Box
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
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
Quellcode
- <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...
Quellcode
- <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ßen. Bitte die Anfangsbuchstaben des Suchbegriffs eingeben und aus der Liste auswählen"/>
- </form>
- </div>
-- ..und die dazugehörige Box
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