Comunidad de diseño web y desarrollo en internet online

keyup keydown en autocomplete jquery

Citar            
MensajeEscrito el 31 Ago 2011 04:10 am
hola a todos, en esta ocasion estoy usando un autocomplete jquery que esta en esta pagina,http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=962
pero no se como crear y llamar la funcion para las flechas keycode==40 y keycode==38
estaba pensando algo asi como esta funcion pero nose como llamarla en el input del body
si alguien me puede explicar, lo agradeceria
saludos



<html>
<title></title>
<head>

<script src="jquery-1.2.1.pack.js" type="text/javascript"></script>
<script type="text/javascript">

function lookup(inputString) {
if(inputString.length == 0) {
// Hide the suggestion box.
$('#suggestions').hide();
} else {
$.post("rpc.php", {queryString: ""+inputString+""}, function(data){
if(data.length >0) {
$('#suggestions').show();
$('#autoSuggestionsList').html(data);
}
});
}
} // lookup

function fill(thisValue) {
$('#inputString').val(thisValue);
$('#suggestions').hide();
}

</script>
<script>
$('#inputString').keydown(function(e) {

if (e.keyCode === 40) {

// down cursor key was pressed
down = true;

} else if (e.keyCode === 38) {

// up cursor key was pressed
up = true;
}

});

</script>
</head>
<body>
<input size="30" id="inputString" onkeyup="lookup(this.value);" type="text" />

</div> <div class="suggestionsBox" id="suggestions" style="display: none;">



<div class="suggestionList" id="autoSuggestionsList">

</div>

</div>

</div>
</body>
</html>

Por nihao

46 de clabLevel



 

chrome
Citar            
MensajeEscrito el 31 Ago 2011 08:04 pm
Prueba esta codigo, estudialo y saca lo que te pueda servir!!!

Código Javascript :

$(document).keypress(function(e){
    switch (e.keyCode) {
        case 40:
            alert('down');
            break;
        case 38:
            alert('up');
            break;
        case 37:
            alert('left');
            break;
        case 39:
            alert('right');
            break;
        default:
            alert('You press other key');  
            }      
});


Otra cosa que creo que es importante tener en cuenta es la compatibilidad con los diferentes navegadores!!!

Por danmoracr

Claber

128 de clabLevel

1 tutorial

Genero:Masculino  

Web application developer

firefox
Citar            
MensajeEscrito el 01 Sep 2011 03:39 pm
perfecto, probé y aparecen los alert , quiere decir que los toma, ahora mi pregunta como lo hago para que se aplique al aparecer el autocomplete y por supuesto que no me aparescan los alert, sino que al presionar la tecla de abajo , valla abajo, y lo otro como deberia llamar a la funcion desde el input ? me refiero seria onkeypress=""

gracias y saludos

Por nihao

46 de clabLevel



 

chrome
Citar            
MensajeEscrito el 12 Oct 2011 03:09 am
alguien sabe como arreglar esto en el autocomplete? las teclas de arriba y bajo con el teclado?, algun programador experiementado que pueda compartir la solucion.

Por nihao

46 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.