Buenas tardes, tengo una duda acerca del funcionamiento del evento focus con JQuery. Mi problema consiste en lo siguiente. Tengo JSP con una tabla de HTML donde están una serie de cajas de texto que se activan al momento de hacer click sobre ellas o al pasarle el foco con el tabulador.
La aplicación está diseñada para que al momento en que la caja de texto pierde el foco la información se debe mandar por medio de Ajax a la BD y se deben actualizar otros campos, esto sin hacer refresh a la página.
Al editar un campo y hacer click sobre otro la aplicación funciona bien, el problema está en que al hacer que la caja pierda el foco con el tabulador el foco se va hasta la barra de direcciones. Mi duda es ¿Cómo hacer para que el foco lo pase a la siguiente caja de texto?
Código para hacer el submit con Ajax:
$.ajax({
type : 'POST',
url : 'entry-submit',
data : {'celId':$("#celId").val(),
'valorId':$("#valorId").val(),
'submitFlag':flag},
async : true,
success: function(result) {
}
});
Estás son las funciones que utilizo para hacer el submit:
submitdata : function() {
var tr = $(this).parent();
var td = $("td",tr);
var input = $("input[name='lineId']",$(td[0]));
var index = td.index($(this)[0]);
return {"valor":$(#"valor").val()};
},
callback : function() {
var theNumber = new Number($(this).html());
theNumber = theNumber.toFixed(0);
calcOtherCell($(this));
$(this).attr("qtrValue",$(this).html());
if (theNumber.indexOf("-")!=-1){
$(this).html("("+theNumber.substring(1)+")");
}else{
$(this).html(theNumber);
}
},
onblur : function (input,form){
var txt = $.trim(input.val()).replace(/\,/g,"");
input.val(txt);
if (checkCell(input)){
form.submit();
}
}
Ojalá me puedan dar cierta ayuda.
Gracias.