[Autocompletion AJAX] Moteur de recherche à la google

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Autocompletion AJAX] Moteur de recherche à la google

Soni03

Bonjour,

Je voudrais créer un moteur de recherche du type google pour mon application php (site php), pour cela j'utilise l'autocomplétion en Ajax.

Je voudrais donc faire de l'autocompletion à l'aide de requête query en pdo, sachant que je ne suis pas du tout un expert en Ajax, ni en Javascript...

Je voudrais faire une recherche sur une base de donnée, avec une table patient, qui est constitué ainsi:

Code :

CREATE TABLE "PATIENT"
( "IDP" NVARCHAR2(20) NOT NULL ENABLE,
"NOM" NVARCHAR2(50) NOT NULL ENABLE,
"PRENOM" NVARCHAR2(20) NOT NULL ENABLE,
"NUMEROSECU" NVARCHAR2(20) NOT NULL ENABLE,
)

Pour cela j'ai crée une page: fonction_recherche.php, avec le code suivant:

Code :

<?php
session_start();
if(!isset($_SESSION['identifiant'])) header("Location:index.php" ); // On refuse l'acces si la personne n'est pas connectée.
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Une autocompletion avancée en AJAX</title>
<script type="text/javascript" src="lib/prototype.js"></script>
<script type="text/javascript" src="lib/scriptaculous.js"></script>
<script type="text/javascript" src="lib/autocompletion.js"></script>
<style type="text/css">
body{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
font-size: 12px;
color: #565656;
}
img {
border: none;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
/* Autocompletion */
.update{
position:absolute;
width:250px;
background-color:white;
border:1px solid #888;
margin:0px;
padding:0px;
}
ul.contacts {
list-style-type: none;
margin:0px;
padding:0px;
text-align: left;
}
ul.contacts li.selected { background-color: #ffb; cursor: pointer; }
li.contact {
list-style-type: none;
display:block;
margin:0;
padding:2px;
height:32px;
}
li.contact div.image {
float:left;
width:32px;
height:32px;
margin-right:8px;
}
li.contact div.nom {
font-weight:bold;
font-size:12px;
line-height:1.2em;
}
</style>
</head>
<body>
<?php
if(isset($_POST['chef'])){
header('Content-type: text/html; charset=iso-8859-1');
// on inclut la connexion
include("bdd.php" );
$i = 0;
echo '<ul class="contacts">';
// on boucle sur tous les éléments
/**************************************************** MON AFFICHAGE DE L'AUTOCOMPLETION *******************************************************************************/
// on fait la requête
$req = $connexion->query("SELECT * FROM patient WHERE nom LIKE '".$_POST['chef']."%' or prenom LIKE '".$_POST['chef']."%'" );
while ($autoCompletion = $req->fetch())
{
echo '
<li class="contact"><div class="nom">'.$autoCompletion['NOM'].'</div>
<div class="prenom">
<span class="informal">'.$autoCompletion['PRENOM'].'</span>
</div>
</li>';
// on s'arrête s’il y en a trop
if (++$i >= 10)
die('<li>...</li></ul>');
}
echo '</ul>';
die();
}
/****************************************************MON AFFICHAGE DE L'AUTOCOMPLETION *******************************************************************************/
?>
<br/>
<form action="?" method="post" onsubmit="return false;">
<label for="chef">Chef : </label>
<input type="input" name="chef" id="chef" value="" />
<div class="update" id="chef_update"></div>
<input type="hidden" name="chef_id" id="chef_id" value="" />
</form>
<br/>
Numéro de la personne avec son nom : <span id="chef_log"></span>
<script type="text/javascript">
new Ajax.Autocompleter ('chef',
'chef_update',
'fonction_recherche.php',
{
method: 'post',
paramName: 'chef',
afterUpdateElement: ac_return
});
</script>
</body>
</html>

L'affichage du tableau de patient fonctionne correctement (avec les requêtes query en pdo), mais l'autocompletion ne fonctionne pas et je ne comprends pas pourquoi...

Sachant que dans cette page j'utilise les scripts:
http://www.j0k3r.net/exemples/ajax [...] pletion.js
http://www.j0k3r.net/exemples/ajax [...] aculous.js
http://www.j0k3r.net/exemples/ajax/lib/prototype.js

Et je m'aide du tutoriel présent sur ce site:
http://www.j0k3r.net/article/ajax- [...] ee-en-ajax

Si quelqu'un serait capable de me mettre dans la bonne voie.

Merci d'avance pour vos réponses et pour votre aide.

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

[Autocompletion AJAX] Moteur de recherche à la google

Sujets relatifs
[MySQL] Moteur de base entre Memory et MyIsam	Référencement d'un myspace supprimé par google ?
problème référencement sur google	Macro dans une recherche
Moteur physique/collisions 2D existant?	Recherche programmeur pour un programme a filtre négatif
algo / moteur de recherche	Recherche texte + modification dans un fichier
Plus de sujets relatifs à : [Autocompletion AJAX] Moteur de recherche à la google

Page générée en 0.053 secondes