Tema: autocompleter scriptaculous
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 03/03/2012, 11:35
Avatar de gilber966
gilber966
 
Fecha de Ingreso: abril-2010
Mensajes: 117
Antigüedad: 14 años
Puntos: 4
autocompleter scriptaculous
Hola tengo el siguiente codigo pero no me funciona de ninguna manera:

html

head:

Código HTML: 
Ver original
  1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  2. <title>off Productos y servicios</title>
  3. <script src="resource/prototype.js" type="text/javascript"></script>
  4. <script src="resource/scriptaculous.js" type="text/javascript"></script>
  5. <script src="rev.js" type="text/javascript"></script>
  6. <link rel="stylesheet" type="text/css" href="<?php echo "$css";?>" media="all">
  7. <script src="gestec.js" type="text/javascript"></script>
  8. <script src="resource/popcalendar.js" type="text/javascript"></script>
  9. <script src="resource/effect.js" type="text/javascript"></script>
  10. <script src="resource/controls.js" type="text/javascript"></script>
  11. </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: 
Ver original
  1. div.dser { /*se aplica el estilo al la div que mostrara la lista*/
  2. position:absolute;
  3. width:250px;
  4. background-color:white;
  5. border:1px solid #888;
  6. margin:0px;
  7. padding:0px;
  8. }
  9. div.dser ul {/**estilo a la lista*/
  10. list-style-type:none;
  11. margin:0px;
  12. padding:0px;
  13. }
  14. div.dser ul li.selected { background-color: #ffb;}/*estilo ciando se
  15. selecciona un item*/
  16. div.dser ul li {/*estilo a los items*/
  17. list-style-type:none;
  18. display:block;
  19. margin:0;
  20. padding:2px;
  21. height:18px;
  22. cursor:pointer;
  23. }

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

Código Javascript: 
Ver original
  1. function autoCompletar(){
  2.   new Ajax.Autocompleter("dser","lista_opciones", "traesers.php");
  3.  
  4.  alert("algo");
  5.  
  6.  }

el php que procesa la solicitud:

Código PHP: 
Ver original
  1. $cde=$_POST['tip'];
  2. $consulta= "SELECT DISTINCT acti FROM activi WHERE id_empresa='$idempresa' and acti LIKE '$cde%'";
  3. $resultado=mysql_query($consulta,$conexion);
  4. $sum=1;
  5. $imporc=mysql_num_rows($resultado);
  6. if($imporc<>0){
  7.     echo"<ul>";
  8.     while($row=mysql_fetch_array($resultado)){
  9.     $sum=$sum+1;
  10.     echo"<li>
  11.         <td onclick=\"colocaValor('dser','$row[acti]'),colocaValor('fdser','$row[acti]'),cambiaClass('pra','pra')\" id='$sum' class='opred'>$row[acti]</td>
  12.         </li>";
  13.  
  14.     }
  15.     
  16. }else{
  17.     echo"<li>ningun resultado</li>";
  18.     
  19.     }
  20.  
  21. echo"</ul>
  22.     $imporc";
  23. //echo"$cde--> valor recibido";
  24. mysql_close($conexion);
  25.  
  26. ?>

situacion actual:



ahi ya debio traer un resultado pero nada.

Agradezco su ayuda