Ajax - type ahead og returner minimum 3 værdier

<ole>

Du skal nok forklare, hvad det er, du ønsker  :)

/mvh
</bole>

Type ahead? Hvad er det lige?

Hejsa

Hvis jeg skriver 112 i FELT1, vil jeg gerne lave et type ahead lookup der viser alle varer, f.eks 1121,1122,1123 osv. Hvis jeg så vælger 1123, vil jeg gerne have returneret andre data fra denne record til FELT2 (eks. Rød), FELT3 (eks. 20cm) og FELT4 (eks. titel)

Giver det mere mening?

Det må være et sted i denne function. Jeg har brugt noget kode der kan returnere 2 værdier - den man slår op + en mere:

Kald til database:

    $sql = "SELECT MainCatalogNo,MainTitel FROM train_item_main where MainCatalogNo LIKE '".$letters."%'";
    $result = mysql_query($sql);
    while($row = mysql_fetch_array($result))
    {
                $MainCatalogNo = $row['MainCatalogNo'];
        $MainTitel = $row['MainTitel'];
        echo $row[MainTitel] ." ### ". $row[MainCatalogNo]." ### ". $row[MainCatalogNo].  "|";
    }
Funktion i .js-fil

function ajax_option_list_buildList(letters,paramToExternalFile)
    {
       
        ajax_optionDiv.innerHTML = '';
        ajax_list_activeItem = false;
        if(ajax_list_cachedLists[paramToExternalFile][letters.toLowerCase()].length<=1){
            ajax_options_hide();
            return;           
        }
       
       
       
        ajax_list_optionDivFirstItem = false;
        var optionsAdded = false;
        for(var no=0;no<ajax_list_cachedLists[paramToExternalFile][letters.toLowerCase()].length;no++){
            if(ajax_list_cachedLists[paramToExternalFile][letters.toLowerCase()][no].length==0)continue;
            optionsAdded = true;
            var div = document.createElement('DIV');
            var items = ajax_list_cachedLists[paramToExternalFile][letters.toLowerCase()][no].split(/###/gi);
           
            if(ajax_list_cachedLists[paramToExternalFile][letters.toLowerCase()].length==1 && ajax_list_activeInput.value == items[0]){
                ajax_options_hide();
                return;                       
            }
           
           
            div.innerHTML = items[items.length-1];
            div.id = items[0];
            div.className='optionDiv';
            div.onmouseover = function(){ ajax_options_rollOverActiveItem(this,false) }
            div.onclick = ajax_option_setValue;
            if(!ajax_list_optionDivFirstItem)ajax_list_optionDivFirstItem = div;
            ajax_optionDiv.appendChild(div);
        }   
        if(optionsAdded){
            ajax_optionDiv.style.display='block';
            if(ajax_optionDiv_iframe)ajax_optionDiv_iframe.style.display='';
            ajax_options_rollOverActiveItem(ajax_list_optionDivFirstItem,true);
        }
                   
    }

Der er ingen tvivl om, at den løsning, du har gang i, er skidt. Den introducerer masser af memory leaks i IE - men hvordan den gode løsning skal se ud, kan jeg ikke afgøre udfra de koder, du viser  =)

sbay>> ?

Gå ind på det her link og skriv noget i søgefeltet - så kan du se hvad der menes med type ahead: http://www.google.com/webhp?complete=1&hl=en

Det er jeg med på nu. Ville bare høre, om du var kommet videre?

jeg er kommet lidt videre - fandt nogle gode scripts herinde: http://www.dhtmlgoodies.com/index.html?page=ajax

Ok. Hvis du får det løst, så husk at oprette et svar og acceptere det herinde. Så lukkes spørgsmålet og du får dine point igen. ;)

Ingen løsning indtil videre - så jeg lukker.