Question

I have a list of urls(div) underneath an input field(div). I need the ability to come down in the list and than by hitting enter this will trigger some function designated to the url. This is the fidle: the script

Over the last days I have tried to much things to explain, but in conclusion none of it worked. Help would be appreciated.

Answer 1

After this line of code :

// set timers to do automatic hash checking and suggestions checking
setInterval(checkHash,500);
setInterval(checkSuggest,500);

Insert this :

$('#searchbox').keyup(
function (e){
    var curr = $('#suggest').find('.current');
    if (e.keyCode == 40) 
    {                                      
        if(curr.length)
        {
                $(curr).attr('class', 'display_box');
                $(curr).next().attr('class', 'display_box current');
        }
        else{
            $('#suggest li:first-child').attr('class', 'display_box current');
        }                    
    }
    if(e.keyCode==38)
    {                                        
        if(curr.length)
        {                            
                $(curr).attr('class', 'display_box');
                $(curr).prev().attr('class', 'display_box current');
        }
        else{
            $('#suggest li:last-child').attr('class', 'display_box current');
        }            
    }

    if(e.keyCode==13)
    {
        var search_terms = $('.current a').text();
        // perform a search with this text...
        doSearch(search_terms,true,false);
        //update the search textbox
        $('#searchbox').val(search_terms);
    }
})

    And don't forget to delete the previous code at the bottom...