autocompleter scriptaculous

[gilber966]

Hola tengo el siguiente codigo pero no me funciona de ninguna manera:

html

head:

Código HTML:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>off Productos y servicios</title>
<script src="resource/prototype.js" type="text/javascript"></script>
<script src="resource/scriptaculous.js" type="text/javascript"></script>
<script src="rev.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="<?php echo "$css";?>" media="all">
<script src="gestec.js" type="text/javascript"></script>
<script src="resource/popcalendar.js" type="text/javascript"></script>
<script src="resource/effect.js" type="text/javascript"></script>
<script src="resource/controls.js" type="text/javascript"></script>
</head>
 

en el body: (cargado dinamicamente)
[HIGHLIGHT="HTML"]
<input type="TEXT" id="dser" name="dser" class="dser" value="er" onkeyup="autocompletar()"><br>
<div id="lista_opciones" class="dser"></div>
<span id="indicator1" style="display: none">
<img src="/images/loading.gif" alt="Working..." />
</span>
<script>
new Ajax.Autocompleter("dser","lista_opciones", "traesers.php",{});
</script>
<font size="2">
<b>Origen (local):</b>
<?php

echo"<font size='2' color='red'><b>$local</b></font><font size='2' color='white'>----</font>";
?>

<font size='2' color='white'>----</font>
<b>Precio: </b>
<font color="red">*</font>
<input type="TEXT" id="prc" name="prc" maxlength=15 size="10" value="10000"><br><br>
<!--<input type='checkbox' onclick="siColocaTexto('dom','si',this)"><b>Domici lio ?</b>-->
<input type="hidden" id="dom" name="dom" >
<p>
<?php
include("traebod.php");

el css:

Código CSS:

div.dser { /*se aplica el estilo al la div que mostrara la lista*/
position:absolute;
width:250px;
background-color:white;
border:1px solid #888;
margin:0px;
padding:0px;
}
div.dser ul {/**estilo a la lista*/
list-style-type:none;
margin:0px;
padding:0px;
}
div.dser ul li.selected { background-color: #ffb;}/*estilo ciando se
selecciona un item*/
div.dser ul li {/*estilo a los items*/
list-style-type:none;
display:block;
margin:0;
padding:2px;
height:18px;
cursor:pointer;
}
 

tambien probe agregando un evento al text para llamar a una funcion

Código Javascript:

function autoCompletar(){
  new Ajax.Autocompleter("dser","lista_opciones", "traesers.php");
 
 alert("algo");
 
 }
 

el php que procesa la solicitud:

Código PHP:

$cde=$_POST['tip'];
$consulta= "SELECT DISTINCT acti FROM activi WHERE id_empresa='$idempresa' and acti LIKE '$cde%'";
$resultado=mysql_query($consulta,$conexion);
$sum=1;
$imporc=mysql_num_rows($resultado);
if($imporc<>0){
    echo"<ul>";
    while($row=mysql_fetch_array($resultado)){
    $sum=$sum+1;
    echo"<li>
        <td onclick=\"colocaValor('dser','$row[acti]'),colocaValor('fdser','$row[acti]'),cambiaClass('pra','pra')\" id='$sum' class='opred'>$row[acti]</td>
        </li>";
 
    }
    
}else{
    echo"<li>ningun resultado</li>";
    
    }
 
echo"</ul>
    $imporc";
//echo"$cde--> valor recibido";
mysql_close($conexion);
 
?>
 

situacion actual:



ahi ya debio traer un resultado pero nada.

Agradezco su ayuda