Formulario Autocompletar

ghost_darknet · #1 (**permalink**) 05/08/2013, 11:42

Hola foreros del WEB, recurro a uds. ya que tengo una script que me dejo de funcionar.

Es un autocompletar sobre el software de una base de datos teniamos unos 200 software (de pruebas) y funcionaba. Despues que se migro todo el software a la tabla de la base de datos esta dejo de mostrar el autocompletar.

Estube realziando unas pruebas en php (ya que desde ahi me traigo los datos) y esta me muestra tooodo el software de la tabla. pero cuando estas variables las paso a javascript no me muestra nada.

Dejo la script

Código PHP:

Ver original<?php
session_start();
include"../../validacion/conexion.php";
 
 
$con = "SELECT distinct [DisplayName0] FROM [SCI].[dbo].[Software_on_Sci]";//consulta para seleccionar las palabras a buscar, esto va a depender de su base de datos
//echo $con."<br>";
$query = mssql_query($con,$conexion);
 
$rows = mssql_num_rows($query);
$i = 0;
 
/*echo $rows."<br>";
echo $i."<br>";
 
if($i< $rows){
        while ($show_info= mssql_fetch_array($query)){
            echo $show_info[$i]."<br>";;
    }
    $i = $i +1;
}
*/
 
 
 
 
 
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<script language="JavaScript" src="js/jquery-1.5.1.min.js"></script>
<script language="JavaScript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.13.custom.css" rel="stylesheet" />
<link href="../estilos/default.css" rel="stylesheet" type="text/css" />
<script>
    $(function() {
        
        <?php
        
        while($row= mssql_fetch_array($query)) {//se reciben los valores y se almacenan en un arreglo
      $elementos[]= '"'.utf8_encode($row['DisplayName0']).'"';
      }
 
    
$arreglo= implode(", ", $elementos);//junta los valores del array en una sola cadena de texto
        ?>  
        
        var availableTags=new Array(<?php echo $arreglo; ?>);//imprime el arreglo dentro de un array de javascript
        
                        
        $( "#tags" ).autocomplete({
            source: availableTags
        });
    });
    </script>
 
<title>Pagina</title>
</head>
 
<body>
<div id="contenedor-principal">
<h1 class="titulo-mostrar">Titulo</h1>
 
<h3 class="titulo">Modulo de Busqueda</h3>
 
<h5 class="caja-izquierda"><a href="../menu.php">Volver</a><span class="forma"></span></h5>
<hr />
 
<h5 class="titulo">Complete el nombre del software para realizar la busqueda</h5>
<br />
 
<div id="centra-tabla">
<form action="muestra_software.php" method="post" enctype="application/x-www-form-urlencoded" target="_self">
<table class="tabla">
 
<tr><th><label for="tags">Ingrese el Nombre del Software</label></th> <td><input name="nombre" required="required" id="tags" autocomplete="off" autofocus="autofocus" size="55"></td> <th><input name="Enviar" type="submit" value="Buscar Software" /></th>
</table>
</form>
</div>
<br />
</div>
</body>
</html>

fhederico · #2 (**permalink**) 08/08/2013, 21:36

Hola,

No has probado primero actualizar tus versiones de Jquery y Jquery-ui?? y lo otro, imprimir el valor que te deja en el array de JS? me refiero a esto

Código:

var availableTags=new Array(<?php echo $arreglo; ?>);

Probe tu codigo, obviamente poniendo yo un array

Código:

 var availableTags=new Array("hola","como","estas");

Y con las versiones

Código:

jquery-1.9.1.min.js
jquery-ui-1.10.3.custom.min.js

Funciona correctamente.

Saludos