Plugin Jquery - autocomplete no va en IE10

franjgg · #1 (**permalink**) 03/07/2013, 03:17

Hola amigos que tal,

Vereis, estoy usanso este script para hacer un campo autocompletado, y la cosa es que funciona bien

http://bassistance.de/jquery-plugins...-autocomplete/

Pero me acabo de dar cuenta de que no va en IE10, he probado en FF, IE 8, Chrome y funciona.

A ver si alguien se ha encontrado con este mismo problema y tienen alguna solucion

Un saludo!!

ipraetoriux · #2 (**permalink**) 03/07/2013, 03:45

...el problema que tienes con este plugin es que es bastante viejo, sino me equivoco es del 2007 o 2008, y según la documentación del desarrollador, en el 2010 ha sido despreciado y descontinuado su desarrollo...

...hacer compatible este plugin con IE10 te puede llegar a complicar demasiado la existencia, salvo que seas un crack en JavaScript...

...recomendación, tienes opciones mas nuevas y compatibles con la mayoría de los navegadores...como por ejemplo: http://jqueryui.com/autocomplete/

franjgg · #3 (**permalink**) 03/07/2013, 04:51

Hola ipraetoriux gracias por tu ayuda amigo,

He visto este ejemplo que me comentas el problema es que no veo en la web un ejemplo usando base de datos y no se muy bien como puedo modificar esta parte:

Código Javascript:

Ver original<script>
$(function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
$( "#tags" ).autocomplete({
source: availableTags
});
});
</script>

Para que en lugar de leerlo de hay lo lea de una base de datos mysql, sabrias de algun ejemplo que se este usando este codigo con lectura de base datos? si es asi te lo agradeceria enormemente amigo.

Un saludo y mil gracias!!

ipraetoriux · #4 (**permalink**) 03/07/2013, 05:04

...te dejo links donde te explican como usar este plugin con PHP y MYSQL

http://www.jqueryautocomplete.com/jq...n-example.html
http://www.daveismyname.com/tutorial...and-jquery-ui/
http://tarjuccino.com/tutoriales/pro...y-php-y-mysql/

Reedyseth · #5 (**permalink**) 03/07/2013, 15:38

En la propiedad source le puedes dar un objeto creado con JSON cuando hagas tu petición con Ajax, de hecho en la página que te paso @ipraetoriux viene el código donde se carga la información. Cuéntanos como te va, saludos !!

franjgg · #6 (**permalink**) 04/07/2013, 01:51

Muchas gracias a los dos amigos,

Estoy mirando los enlaces que me ha enviado ipraetoriux.

Reedyseth te referieres para poder modificar el codigo que me dice ipraetoriux para soportar base de datos verdad?

Un saludo y mil gracias a los dos!!

franjgg · #7 (**permalink**) 04/07/2013, 02:52

Hola amigos, vereis me estoy basando en este ejemplo: http://tarjuccino.com/tutoriales/pro...y-php-y-mysql/

Y creo que lo estoy haciendo bien, la cosa es que cuando escribimos algo en el campo no muestra nada, dice que no hay resultados,

A ver si veis algo

pongo el codigo:

Código HTML:

Ver original<<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.1/jquery-ui.min.js"></script>    
<script>
  $(function(){
    var autocompletar = new Array();
    <?php //Esto es un poco de php para obtener lo que necesitamos
     for($p = 0;$p < count($arreglo_php); $p++){  ?>
       autocompletar.push('<?php echo $arreglo_php[$p]; ?>');
     <?php } ?>
     $("#buscar").autocomplete({ //Usamos el ID de la caja de texto donde lo queremos
       source: autocompletar //Le decimos que nuestra fuente es el arreglo
     });
  });
</script>
</head>
<body>
<?php
 
$dbhost="localhost"; // servidor. Generalmente localhost si el archivo esta alojado en el servidor ya. 
$dbusuario="xxxxxx"; // aqui debes ingresar el nombre de usuario 
$dbpassword="xxxxx"; // password de acceso para la base de datos 
$db="xxxxx"; // Seleccionamos la base con la cual trabajar 
 
$conexion = mysql_connect($dbhost, $dbusuario, $dbpassword);
mysql_select_db($db, $conexion);
 
$sql = "Select descripcion FROM empresas_listas_articulos2 WHERE descripcion LIKE 'co%'";
$res = mysql_query($sql);
$arreglo_php = array();
if(mysql_num_rows($res)==0)
   array_push($arreglo_php, "No hay datos");
else{
  while($palabras = mysql_fetch_array($res, $conexion)){
    array_push($arreglo_php, $palabras["palabra"]);
  }
}
 
?>  
 
<input type="text" id="buscar" />
</body>
</html>

Un saludo!!

Reedyseth · #8 (**permalink**) 04/07/2013, 08:30

Si @franjgg pero de los links que te compartio el de jQueryUI, veo que aún no lo has resuelto, voy a ver si tengo tantito tiempo para mostrarte un ejemplo practico con el jquery UI, saludos !!

Reedyseth · #9 (**permalink**) 04/07/2013, 10:02

Mira no le des vueltas al asunto, utiliza el autocomplete de jQuery UI, aquí te pongo un ejemplo:

http://behstant.com/tutorials/exampl...ocomplete.html

En este ejemplo tengo el campo donde vas a buscar la información, esto es lo que hace el ejemplo:

1.- El texto que ingreses va a buscar información simlar en el servidor a través de una peticón Ajax, el servidor responde con un objeto JSON el cual el autocomplete va a utilizar para ahí buscar lo que ingreses.

2.- Una vez que el servidor te responda se mapea la información.

3.- Ya mapeada la información el autocomplete tiene un evento que se llama 'select', este va a obtener el valor que seleccionaste y lo muestra en el input donde esas escribiendo la busqueda.

4.- Como lo mas probable es que necesites un id para hacer la insercion en la bd, tambien se extrae el id y se pone en un input el cual debes de dejar oculto una vez que funcione tu autocomplete.

Ve el ejemplo, si te gusta comparto el código completo, si no es la opción entonces dejo que siga el post.

Saludos