Que tal compañeros.
Pues nuevamente recurro a uds para ver si me pueden ayudar a solucionar un pequeño detalle que tengo con un texto predictivo.
Navegando por internet con la necesidad de obtener un desarrollo para texto predictivo, me encontre uno que realmente era sencillo de modificar para utilizarlo en mi proyecto, la solucion funciona de maravilla sin embargo tiene un pequeño defecto, no puedo usar las teclas de las flechas (arriba y abajo) para navegar entre las opciones que me da al ir tecleando en el campo, forzosamente tengo q seleccionar la opcion con el mouse, y me es necesario habilitar tambien las flechas del teclado.
La verdad no se mucho de javascript, por eso recurro a uds, mi duda es, se pueden habilitar las flechas agregando algunas lineas? o asi como funciona no es posible habilitarlas???
Anexo la parte del archivo .js
Código HTML:
function suggestch(inputString){
if(inputString.length == 0) {
$('#suggestions').fadeOut();
} else {
$('#conductor').addClass('load');
$.post("autosuggestch.php", {queryString: ""+inputString+""}, function(data){
if(data.length >0) {
$('#suggestions').fadeIn();
$('#suggestionsList').html(data);
$('#conductor').removeClass('load');
}
});
}
}
function fillch(thisValue) {
$('#conductor').val(thisValue);
setTimeout("$('#suggestions').fadeOut();", 600);
}
Esta es la parte que manda llamar la funcion suggestch
Código PHP:
<div id="suggest"><br />
<input type="text" align="right" size="30" value="" name="chofer_viaje" id="conductor" onKeyUp="suggestch(this.value);" onBlur="fillch();" class="" autocomplete="off" />
<div class="suggestionsBox" id="suggestions" style="display: none;">
<div class="suggestionList" id="suggestionsList"> </div>
</div>
</div>
y esta es lo que tengo en el autosuggestch.php, en la parte que realiza la busqueda de datos, quitando lo del acceso a la BD.
Código PHP:
if(isset($_POST['queryString'])) {
$queryString = $db->real_escape_string($_POST['queryString']);
if(strlen($queryString) >0) {
$query = $db->query("SELECT concat_ws(' ',Nombre, Apellidos) as conductor FROM Chofer WHERE Nombre LIKE '$queryString%' LIMIT 10");
if($query) {
echo '<ul>';
while ($result = $query ->fetch_object()) {
echo '<li onClick="fillch(\''.addslashes($result->conductor).'\');">'.$result->conductor.'</li>';
}
echo '</ul>';
Me podran echar la mano con esto? de antemano gracias por su apoyo.