Foros del Web » Programando para Internet » Jquery »

Autocomplete con JQuery UI

Estas en el tema de Autocomplete con JQuery UI en el foro de Jquery en Foros del Web. Hola, bueno despues de medio matarme en el intento de hacer funcionar el Autocomplete, creo que estoy cada vez mas cerca, eh logrado hacer que ...
  #1 (permalink)  
Antiguo 15/10/2010, 17:58
 
Fecha de Ingreso: junio-2009
Mensajes: 75
Antigüedad: 13 años, 7 meses
Puntos: 0
Autocomplete con JQuery UI

Hola,

bueno despues de medio matarme en el intento de hacer funcionar el Autocomplete, creo que estoy cada vez mas cerca, eh logrado hacer que me realize la busqueda por consulta, y me devuelva el array en el formato que necesita el Autocomplete (Json), pero por una u otra razon no me aparecen las opciones, eh checado con el firebug y segun veo si me realiza la consulta y me devuelve las coincidencias, pero no me muestra las opciones, solo me muestra un pequeño espacio en blanco debajo del input donde estoy escribiendo, segun el firebug el errore esta en el

jquery-ui-1.8.5.custom.min.js
jquery-1.4.2.min.js

mas yo no lo creo, mas bien considero que mi error esta en la funcion en la que mando llamar al autocomplete:

Código Javascript:
Ver original
  1. <script language="JavaScript" type="text/javascript">
  2.         $(function() {
  3.             $( "#depen" ).autocomplete({
  4.                 source: "prueba2.php",
  5.                 minLength: 2,
  6.                 })
  7.             });        
  8. </script>

Segun los ejemplos que eh visto en la red aparte de ese se incluye una funcion para desplegar las opciones mas no se si sea obligatoria (no la tengo) , vendria siendo a la que encontre en la red, la siguiente:
Código Javascript:
Ver original
  1. }).data( "autocomplete" )._renderItem = function( ul, item ) {
  2.                     return $( "<li></li>" )
  3.                         .data( "item.autocomplete", item )
  4.                         .append( "<a>" + $('<textarea/>').html(item.value).val() + "</a>" ) <!-- selecciona el nombre de la institucion -->
  5.                         .appendTo( ul );
  6.                 };

Aunque francamente no uedo encontrar el problema, quisiera un poco de ayuda.
  #2 (permalink)  
Antiguo 15/10/2010, 18:32
Avatar de JoseTejada  
Fecha de Ingreso: diciembre-2007
Ubicación: Peru.Lima.Cercado.MDuarez.Granaderos172
Mensajes: 218
Antigüedad: 15 años, 1 mes
Puntos: 11
Respuesta: Autocomplete con JQuery UI

Si haces un alert con la data devuelta?? q te sale??
  #3 (permalink)  
Antiguo 15/10/2010, 22:46
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 16 años, 8 meses
Puntos: 2135
Tema movido desde PHP a Frameworks y Plugins Javascript
  #4 (permalink)  
Antiguo 16/10/2010, 08:36
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 13 años, 10 meses
Puntos: 101
Respuesta: Autocomplete con JQuery UI

No se si esto te solucione en algo el problema con Firefox, pero para IE es importante. Sacá la ultima coma de aqui:

minLength: 2,
  #5 (permalink)  
Antiguo 18/10/2010, 19:17
 
Fecha de Ingreso: julio-2009
Mensajes: 29
Antigüedad: 13 años, 6 meses
Puntos: 0
Respuesta: Autocomplete con JQuery UI

Intenta con esto aver si te sirve el ejemplo


Código HTML:
<meta charset="utf-8">
    
    
    
    
    
    
    
    
    <style>
    .ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }
    </style>
    <script>
    $(function() {
        function split( val ) {
            return val.split( /,\s*/ );
        }
        function extractLast( term ) {
            return split( term ).pop();
        }

        $( "#birds" ).autocomplete({
            source: function( request, response ) {
                $.getJSON( "search.php", {
                    term: extractLast( request.term )
                }, response );
            },
            search: function() {
                // custom minLength
                var term = extractLast( this.value );
                if ( term.length < 2 ) {
                    return false;
                }
            },
            focus: function() {
                // prevent value inserted on focus
                return false;
            }
        });
    });
    </script>



<div class="demo">

<div class="ui-widget">
    <label for="birds">Birds: </label>
    <input id="birds" size="50" />
</div>

</div><!-- End demo -->



<div class="demo-description">
<p>Usage: Enter at least two characters to get bird name suggestions. Select a value to continue adding more names.</p>
<p>This is an example showing how to use the source-option along with some events to enable autocompleting multiple values into a single field.</p>
</div><!-- End demo-description --> 
Si encuentras la forma de mostrar acentos dime eso es lo que yo necesito jeeje

Etiquetas: autocompletado
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:42.