Autovervollständigen Inputfeld

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Roadkiller, 24. November 2006 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 24. November 2006
    Hallo,
    Ich brauche für mein Script ein Suchfeld das ähnlich ist wie hier bei der Membersuchfunktion oder bei der Suchfunktion von Xrel. Es soll also schon die ersten Ergebnisse in einer kleinen Box anzeigen, sobald man ein paar Buchstaben eingetippt hat. Per Google hab ich leider nichts (vernünftiges) gefunden. Wär froh wenn mir jemand erklären könnte wie ich das coden soll oder es vllt sogar für mich codet bzw. schon so ein Script hat. In Javascript bin ich leider Noob, aber sonst würd ich hier ja auch nicht fragen ;)
    Freu mich über jede positive Antwort und geb selbstverständlich bei jeder Hilfe eine pos. Bewertung.
    MfG Roadkiller
     

  2. Anzeige
    Dealz: stark reduzierte Angebote finden.
  3. #2 24. November 2006
  4. #3 27. November 2006
    AW: Autovervollständigen Inputfeld

    Ich stelle dir mal einen kleinen Codeschnipsel, der das bewerkstelligt zur Verfügung.
    Vorraussetzen dafür ist, dass du ein Formular hast, dass so aussieht:
    Code:
    <form name="searchform"> <!-- Name nicht ändern -->
    <input type="text" name="search" onKeyUp="start('ZielDatei.php');" /> <!-- Name nicht ändern, Ziel Datei eintragen -->
    </form>
    Das ist Pflicht, du kannst das Formular natürlich auch noch erweitern.
    Die ZielDatei.php muss dann z.B. eine Datenbank Abfrage ausführen, die ähnliche Begriffe findet. Den eingegebenen String kannst du in der ZielDatei.php über $_POST['search'] erhalten.
    Außerdem benötigst du noch einen Element mit der ID result, in dem das Ergebnis, dass die ZielDatei.php ausgibt, eingetragen wird.
    Beispiel:
    Code:
    <div id="result"></div>
    <!-- oder -->
    <span id="result"></span>
    Hier als letztes noch die benötigte JavaScript Datei:
    Code:
    var t = null;
     
     function start(target_file)
     {
     if(t)
     {
     window.clearTimeout(t);
     }
     
     t = window.setTimeout("send('"+target_file+"')",200);
     }
     
     function send(target_file)
     {
     if(window.XMLHttpRequest)
     {
     liveSearchReq = new XMLHttpRequest();
     } else if(window.ActiveXObject) {
     liveSearchReq = new ActiveXObject("Microsoft.XMLHTTP");
     }
     
     liveSearchReq.onreadystatechange= liveSearchProcessReqChange;
     liveSearchReq.open("POST", target_file, true);
     liveSearchReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
     liveSearchReq.send('search='+document.searchform.search.value);
     }
     
     function liveSearchProcessReqChange()
     {
     if(liveSearchReq.readyState == 4)
     {
     var sh = document.getElementById("result");
     sh.innerHTML = liveSearchReq.responseText;
     }
     }
    Wenn nötig, kann ich dir auch mal ein Beispiel Script, in dem das alles vorhanden ist hochladen.
     
  5. #4 27. November 2006
    AW: Autovervollständigen Inputfeld

    Ich denke das trifft es aufm Punkt, BW haste.
    *CLOSED*
     

  6. Videos zum Thema
Die Seite wird geladen...
Similar Threads - Autovervollständigen Inputfeld
  1. Antworten:
    0
    Aufrufe:
    712
  2. Antworten:
    4
    Aufrufe:
    1.564
  3. Antworten:
    2
    Aufrufe:
    285
  • Annonce

  • Annonce