Hirdetés

Új hozzászólás Aktív témák

  • TonTomika

    aktív tag

    Sziasztok!

    No, már megint ezzel a fránya jQuery-vel sikerült összeakasztani a bajszomat. :)

    Szeretnék csinálni egy auto suggest keresőt, Találtam is hozzá egy egész jó tutorialt, viszont a srác elrontott benne valamit és utólag már nem írta le sehová, hogy hol a megoldás, forrásfájlok pedig nincsenek. Az egyik részére sikerült már rájönnöm, kilistázza már alul a megoldásokat, viszont ha rákattintok nem írja be az inputba.

    index.php:
    <input type="text" name="autosuggest" id="autosuggest" onkeyup="return autoSuggest()" value="" />

    <div id="autosuggest-container"></div>

    itt beírja a delikvens a keresőszó egy részét, majd a következőkben megkapja a js

    functions.js:
    function autoSuggest()
    {
    var autoSuggestVal = $('#autosuggest').val();

    if(autoSuggestVal != '')
    {
    $.ajax({
    url: '_php/ajax/autosuggest.php?query='+autoSuggestVal,
    success: function(result)
    {
    $('#autosuggest-container').html(result);
    }
    });
    }
    }

    ezt aztán szépen feldolgozza a php amit vissza is kapok jól.

    Hol és mivel kéne kiegészítenem?
    Arra tippelek, hogy az input value="" attribútumába kéne valahogyan beszúrnom azt, amire az alatta div-ben lévő <li> elemre kattintok.

    Itt megtekinthető
    (Valahol van benne egy karakter kódolás beállítási hiba is, de még nem jöttem rá, hogy hol...elméletileg mindenhol minden utf-8-ra van állítva.)

    Előre is köszi a segítséget!

Új hozzászólás Aktív témák