No sale el autocompletar

JeMaGa · #1 (**permalink**) 01/02/2012, 17:38

Hola!! tengo una inquietud resulta que yo tengo un formulario le tengo que poner autocompletar, ejemplo

formulario1.php

Código PHP:

Ver original<form name="MB11-176" action="Opcion.php?codigo=CT-09F4" method="post">
 
<?php   
 
 include('Csertificado_Nuevo.php');
 
?>
 
</form>                 
 
<center><div id="resultado" style=" solid #FF0000; color:#000000; width:900px;"></div></center>

Csertificado_Nuevo.php lo que selecciono de la lista me aparece en el div resultado

Código PHP:

Ver original<form action="Nuevo.php" name="CertificadoMB11" method="post">
 
 
<?php 
 
require('Conexion.php');
 
$Codigo=$_GET['codigo'];
 
 
require('Conexion.php');
 
$aprobado="";
 
$cox="select * from `confirmacion`  where `Codigo`='{$Codigo}' AND `Aprobado_Micro`='{$aprobado}'";
 
$rwx=mysql_query($cox,$Conexion) or die (mysql_error());
 
?>
 
<center><p>No. ANALISIS: <?php 
 
 
        echo "<select  name=lista onchange=javascript:MostarNuevo() id=lista>";
 
        echo "<option>Seleccione No.Analisis</option>"; 
                    
        echo "<option value=''>Nuevo</option>";
 
        while ($row=mysql_fetch_array($rwx)){
            
 
        echo "<option value=".$row['Analisis'].">".$row['Analisis']."</option>";    
 
        }
 
        echo"</select>";
 
        ?>

MostarNuevo() ----->Biene de una funcion

Código Javascript:

Ver originalfunction objetoAjax(){
 
    var xmlhttp=false;
 
    try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
 
    } catch (e) {
 
        try {
 
           xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
 
        } catch (E) {
 
            xmlhttp = false;
        }
    }
 
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
 
        xmlhttp = new XMLHttpRequest();
    }
 
    return xmlhttp;
}
 
function MostarNuevo(){
    
    divResultado = document.getElementById('resultado');
    
    conss=document.getElementById("lista").value;
    
    
    ajax=objetoAjax();
    
 
    ajax.open("POST","Nuevo.php",true);
 
    ajax.onreadystatechange=function() {
 
        if (ajax.readyState==4) {
            
            divResultado.innerHTML = ajax.responseText
        }
    }
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    
 ajax.send("No.Analisis="+conss)
 
}

esta funcion me envia a Nuevo.php que es donde esta mi formulario para autocompletar.

y mi Nuevo.php

Código HTML:

Ver original<head>
 
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
 
<title>CERTIFICADO PRUEBA DE ENTOTOXINA BACTERIANA</title>
 
        <script src="js/jquery-1.4.2.min.js"></script>
        <script src="js/autocomplete.jquery.js"></script>
        <link type="text/css" rel="stylesheet" href="autocomplete.css"></link>
 
<script>
            $(document).ready(function(){
                /* Una vez que se cargo la pagina , llamo a todos los autocompletes y
                 * los inicializo */
                $('.autocomplete').autocomplete();
            });
        </script>
</head>
 
<form name="form6" id="form6" method="post" action="Opcion.php" enctype="multipart/form-data">
 
<div class="autocomplete">
 
PRODUCTO: <input type="text" name="producto" id="tags" size="99" value="" data-source="search.php?search=">
 
</form>

esto me incluye search.php

esta contiene los datos con los que se pueden autocompletar

Código PHP:

Ver original// limpio la palabra que se busca
$search= trim($_GET['search']);
 
// la busco 
$result= search($search);
 
// seteo la cabecera como json
header('Content-type: application/json; charset=iso-8859-1');
 
//imprimo el resultado como un json
echo json_encode($result);
 
 
/**
 *  Funcion que busca en los datos un resultado  que tenga que ver
 *  con la busqueda, si los datos vinieran de base no seria necesario esto
 *  ya que lo podriamos resolver directamente por sql
 */
function search($searchWord)
{
    $tmpArray=array();
    /**
     * Obtengo los datos almacenados en el array
     */
    $data=getData();
    
    /*
     * Recorro el array para ver si hay palabras que empiecen con lo que viene
     * por parametros
     */
    foreach($data as $word)
    {
        // obtengo el tamaño de la palabra que se busca.
        $searchWordSize=strlen($searchWord);
        // corto la palabra que viene del array y la dejo del mismo tamaño que 
        // la que se busca de manera de poder comparar.
        $tmpWord=substr($word, 0,$searchWordSize);
        // si son iguales la guardo para devolverla
        if (strtolower($tmpWord) == strtolower($searchWord))
        {
            // guardo la palabra original sin cortar.
            $tmpArray[]=$word;
        }
    }
    
    return $tmpArray;
}
 
 
/**
 * Retorna los datos, podria ser una base de datos
 * para simplificar solo hice esta funcion que devuelve
 * un array ordenado
 */
function getData()
{
    $result=array();
    $result[]='jQuery';
    $result[]='Javascript';
    $result[]='Imagenes';
    $result[]='Galerias';
    $result[]='Fotos';
    $result[]='Efectos';
    $result[]='Menus';
    $result[]='Acordeon';
    $result[]='Autocompletar';
    $result[]='Sliders';
    $result[]='PopUps';
    $result[]='Clocks';
    $result[]='Autoload';
    $result[]='HTML5';
    $result[]='CSS3';
    $result[]='LightBox';
    $result[]='Analytics';
    $result[]='Analizador';
    
    asort($result);
    return $result;
}

esto asi tal cual como lo muestro no funciona, pero si ejecuto solamente Nuevo.php hay si funciona(localhost/Nuevo.php), pero quiero saber por que??? si lo ejecuto desde el formulario1.php no funciona agradezco toda la ayuda posible

No se si aya sido necesario poner todo, pero la ideas es ser especifica gracias!!

maycolalvarez · #2 (**permalink**) 02/02/2012, 12:36

error común en principiantes de AJAX: le falta verificar ajax.status == 200

consulte un manual de AJAX actualizado, saludos

JeMaGa · #3 (**permalink**) 03/02/2012, 07:34

Muchas gracias estuve revisando lo de ajax.status == 200 y lo agrege en mi ajax, pero no funciona el autocomplemento, pero si me muestra el formulario que esta en el div pero no el autocompletento!! Ayuda!! :)

Código Javascript:

Ver originalfunction MostarNuevo078(){
    
    divResultado = document.getElementById('resultado');
    
    conss=document.getElementById("lista").value;
    
    
    ajax=objetoAjax();
    
 
    ajax.open("POST","Nuevo078.php",true);
 
    ajax.onreadystatechange=function() {
 
        if (ajax.readyState==4) {
            
            if(ajax.status==200){
 
            divResultado.innerHTML = ajax.responseText
        
            }
        }
    }
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    
 ajax.send("No.Analisis="+conss)
 
}