JQeuery Autosuggest --- Mal 2

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • 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

    Quellcode

    1. <script>
    2. function uni(inputString){
    3. if(inputString.length == 0) {
    4. $('#suggestions_uni').fadeOut();
    5. } else {
    6. $('#universal').addClass('load');
    7. $.post("autosuggest_universal.php", {queryString: ""+inputString+""}, function(data){
    8. if(data.length >0) {
    9. $('#suggestions_uni').fadeIn();
    10. $('#suggestionsList_uni').html(data);
    11. $('#universal').removeClass('load');
    12. }
    13. });
    14. }
    15. }
    17. function fill(uni) {
    18. $('#universal').val(uni);
    19. setTimeout("$('#suggestions_uni').fadeOut();", 100);
    20. }
    21. </script>
    Alles anzeigen


    -- Das Formularfeld...

    Quellcode

    1. <div>
    2. <form method="post" action="#" name="searchform" id="form">
    3. <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"/>
    4. </form>
    5. </div>


    -- ..und die dazugehörige Box

    Quellcode

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

  • 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...