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. 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. 24. November 2006
    AW: Autovervollständigen Inputfeld

    Das ist AJAX würd ich jez mal sagen.

    das könnte was für dich sein: http://demo.script.aculo.us/ajax/autocompleter

    also hier: script.aculo.us - web 2.0 javascript
     
  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.
     
  4. 27. November 2006
    AW: Autovervollständigen Inputfeld

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

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.