estimados , es mi primera ves consultando foros del web, habia leido antes variados post pero nunca consultado, soy nuevo programando en php y mas nuevo aun programando jquery y ajax , ojala me puedan ayudar.
bueno, yo necesito poder lograr un tipo de evento o algo para utilizar keypress en autocomplete, la idea es que cuando quede solo 1 elemento en la lista data que me entrega el source , yo pueda apretar la tecla "TAB" y se me elija el primer elemento o en su defecto cuando tenga una lista de elementos, cuando se aprete la tecla "TAB" se elija el primer elemento de la lista ,
les dejo aca el js que tengo que utilizar
$j = jQuery.noConflict();
(function($j){ // line to avoid conflict with Prototype.Event at window.onload
$j(document).ready(function() {
// agregar boton para "cerrar ventana"
$j('#cv_control_porterias-windowtitle').append(
$j('<div class="window_close"></div>').click(function (e)
{
$j(this.parentNode.parentNode).hide();
})
);
// evento que se lanza al cambiar el <select> que pagina en lugar
// de utilizar las flechas izquierda-derecha
if ($('offset-1'))
{
Event.observe('offset-1', 'change', function(e)
{
Event.element(e).form.submit();
Event.stop(e);
}, false);
}
// ACA COMIENZA EL CODIGO PARA LOS PROVEEDORES
// ESTE CODIGO SE TUVO QUE REPLICAR 5 VECES PARA LOS 5 PROVEEDORES
// EN CASO DE MODIFICACION HAY QUE MODIFICAR LAS 5 COPIAS
if ($j("#has_sap").length) {
$j("#ControlPorteriaProveedor-0-rut_proveedor")
.autocomplete({
source: function( request, response ) {
$j.ajax({
url: 'jsonp.php',
dataType: "jsonp",
data: {
method: "main:cv_control_porterias:getSuppliers",
autocomplete: "1",
argv_0: request.term
},
success: function( data ) {
response( $j.map( data.rows, function( item ) {
return {
label: item.name,
value: item.id,
source: item
}
}));
}
});
},
minLength: 4,
select: function(event, ui) {
$j("#ControlPorteriaProveedor-0-nombre_proveedor").val(ui.item.source.name)
},
open: function() {
$j( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
},
close: function() {
$j( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
}
});
}
});
ojala se entienda y me puedan ayudar, cualquier cosa me consultan.
gracias
saludos
Franco