sastgroup.com

Autocompletamento con php e ajax

Posted on 28. Aug, 2007 by Administrator in ajax, php, tutorials

In questo tutorial vedremo come realizzare uno script per l'autocompletamento in ajax che prende i valori da un database

Come prima cosa dobbiamo scaricare l'ultima versione della libreria javascript script.a.culos qui 

Scarichiamo e mettiamo come codice

<script language="JavaScript" SRC="lib/prototype.js"></script>
<script language="Javascript" src="javascript/scriptaculous.js"> </script>
<script language="Javascript" src="javascript/effects.js"> </script>
<script language="Javascript" src="javascript/controls.js"> </script> 

Inserite le librerie necessarie al funzionamento dello script, inseriamo la parte di codice che gestisce il campo da autocompletare

<input type="text" id="search" name="search" />
<div id="hint"></div>
<script type="text/javascript">   
new Ajax.Autocompleter("search","hint","fillfield.php");
</script>

Il file fillfield.php è il file che mostrerà tutte le possibili parole che possono essere utili al completamento del campo

<?php
// cambia le impostazioni per la connessione al db:
  $host = "localhost";
  $database = "";
  $user = "";
  $password = "";
// connettiti al db e cerca le parole
  mysql_connect($host,$user,$password);
  mysql_select_db($database);
  $sql = "SELECT title FROM tabella WHERE title LIKE '%" . $_POST['search'] . "%'";
  $resource = mysql_query($sql);
?>
<ul>
<? while($taken = mysql_fetch_assoc($resource)) { ?>
  <li><? echo stripslashes($taken['title']);?></li>
<? } ?>
</ul>