tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
511
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    crsakawolf crsakawolf ist offline Mitglied Gold
    Registriert seit
    Apr 2006
    Beiträge
    237
    Hallo,

    es wird bestimmt schon so einen Thread geben, leider weis ich nicht korreckt, wie ich danach suchen soll, also welchen Wortlaut.

    Ich suche eine möglichkeit mit Ajax eine liste ala google.de zu erstellen, die bei der eingabe in ein Input erscheint.

    Ich habe es bereits soweit, das ich Daten ausgeschrieben bekomme in ein div.

    Jedoch ist das div dauerhaft da, bzw erst wieder weg wenn ich auf senden geklickt bin.

    Probiert habe ich schon onblur im input feld, jedoch komm ich dann nicht soweit, das ich aus der liste wählen kann, da ich ja da bereits das input verlassen habe.

    Vielen dank schonmal

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    
    var request = false;
     
        // Request senden
        function setNameRequest(param, d_name) {
            // Request erzeugen
     
            if (window.XMLHttpRequest) {
                request = new XMLHttpRequest(); // Mozilla, Safari, Opera
            } else if (window.ActiveXObject) {
                try {
                    request = new ActiveXObject('Msxml2.XMLHTTP'); // IE 5
                } catch (e) {
                    try {
                        request = new ActiveXObject('Microsoft.XMLHTTP'); // IE 6
                    } catch (e) {}
                }
            }
     
            // überprüfen, ob Request erzeugt wurde
            if (!request) {
                alert("Kann keine XMLHTTP-Instanz erzeugen");
                return false;
            } else {
                
                var url = "/modules/requests/"+d_name+".mod.php";
                
     
                // Request öffnen
                request.open('post', url, true);
                // Requestheader senden
                request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
                // Request senden
                request.send('name='+param);
                // Request auswerten
                request.onreadystatechange = interpretRequest;
            }
        }
     
        // Request auswerten
        function interpretRequest() {
            switch (request.readyState) {
                // wenn der readyState 4 und der request.status 200 ist, dann ist alles korrekt gelaufen
                case 4:
                    if (request.status != 200) {
                        alert("Der Request wurde abgeschlossen, ist aber nicht OK\nFehler:"+request.status);
                    } else {
                        var content = request.responseText;
                        // den Inhalt des Requests in das <div> schreiben
                        document.getElementById('member_suche_ausgabe').innerHTML = content;
                    }
                    break;
                default:
                    break;
            }
        }

    Code :
    1
    2
    3
    4
    5
    6
    7
    
    <div class="suchfeld" style="width:100%;text-align:center;">
                                               Suche:
                                               <input type="text" name="suchwort" onKeyUp="javascript:setNameRequest(this.value,'get_community_request');document.getElementById('member_suche_ausgabe').style.visibility='visible'" ><!--onblur="javascript:document.getElementById('member_suche_ausgabe').style.visibility='hidden'"--></input>
                                            </div>
                                            <div class="suche_absenden">
                                                 <input type="submit" name="suche" value="Suchen"></input>
                                            </div>

    PHP-Code:
    <a href=\"#\" onClick='javascript:document.com_suche.suchwort.value=\"".$rs["mitglieder_name"]."\";return false';>".$rs["mitglieder_name"]."</a><br> 
     

  2. #2
    Avatar von rd4eva
    rd4eva rd4eva ist offline Mitglied Brillant
    Registriert seit
    Feb 2003
    Beiträge
    756
    Ohne mir jetzt den Code durchgelesen zu haben:

    Was du suchst nennt sich autosuggest bzw. autocomplete.
     
    In order to understand recursion, one must first understand recursion.

  3. #3
    crsakawolf crsakawolf ist offline Mitglied Gold
    Registriert seit
    Apr 2006
    Beiträge
    237
    Ah cool danke

    Damit kann ich was anfangen
     

Ähnliche Themen

  1. Antworten: 1
    Letzter Beitrag: 18.10.09, 11:42
  2. [VC#] Problem beim Befüllen einer ComboBox
    Von warcraft9105 im Forum .NET Windows Forms
    Antworten: 3
    Letzter Beitrag: 16.05.09, 22:48
  3. Benutzer beim hochfahren gleich anmelden
    Von tohr22 im Forum Microsoft Windows
    Antworten: 2
    Letzter Beitrag: 19.03.08, 10:23
  4. beim Starten der Index gleich array anhängen
    Von martin-schulz im Forum PHP
    Antworten: 5
    Letzter Beitrag: 26.11.07, 21:33
  5. Auswahlliste eins, soll Werte der zweiten Auswahlliste ändern
    Von LiebHabSchafi im Forum Javascript & Ajax
    Antworten: 3
    Letzter Beitrag: 24.09.05, 09:21