Il codice che segue l'ho preso da un sito e funziona perfettamente, interagisce col database nel momento in cui inizio a digitare in una text input. Vorrei poter evidenziare nella lista i record quando mi sposto col mouse o con la tastiera, per esempio evidenziando in blu.

Codice PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 
<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <script type="text/javascript" src="../include_ajax/prototype.js"></script>
    <script type="text/javascript" src="../include_ajax/effects.js"></script>
    <script type="text/javascript" src="../include_ajax/controls.js"></script>


<style>
    li {
 
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-image: none;
    padding: 1px;
    }
 
    li.first
    {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    /*font-weight: bold;
    color: red;
    background-color: #EAEAEA;
    background-image: none;*/
    padding: 1px;
    }
 
    ul
    {
    margin: 0px;
    padding: 0px;
    /*list-style-type: none;*/
    }
 
    .box
    {
    border: 1px solid red;
    }
 
    .over 
    {
    /*background: #CDCDCD;*/
    }
    .out 
    {
    /*background: red;*/
    }
    #inbox
    {
        width: 150px;
    }
</style>

</head>
 

 
<body>
<form action="risultato.php" method="POST">
<input type="text" name="key" id="inbox"/>
<div id="List" class="box"></div>
 
        <script type="text/javascript"> 
            new Ajax.Autocompleter("key", "List", "ricerca.php", {minChars: 2}); 
        </script>
<input value="cerca" type="submit">
</form>
 
</body>
</html>
 
<br class="spacer_" />