Affichage lors de la saisie

[dinier]

Bonjour à tous,
J'ai un problème, j'ai fait un formulaire de recherche de nom par exemple, il faudrait que cela affiche les différents noms possibles qui commencent par la première lettre tapée et que cela recherche au fur et à mesure que l'on tape le nom, un peu comme google, j'ai fait pas mal de recherche mais je ne trouve pas. Les nom sont dans une base de données mysql. Le programme est en POO. Merci d'avance.

Voici le code que j'ai ajouté dans la vue de l'index :

Code :

1
2
 
<script type="text/javascript" src="javascript/annuaire.js"></script>

Le code de la vue employé, c'est dans recherchenom que je voudrai que cela affiche les différents noms possibles pendant la saisie :

Code :

1
2
3
4
5
 
<form method="post" action="index.php?action=rechercheemploye&numbase=<?php echo $labase; ?>">
    <input name="recherchenom" type="text" onkeypress="rechercheutilisateur(<?php echo $labase; ?>,o,'','')"/>
    <input type="submit" value="Rechercher par nom"/>
</form>

Le code du javascript :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
function rechercheutilisateur(numbase,nomemploye,prenomemploye,serviceemploye)
{
	var ajaxRequest;
 
	try{
		//firefox, opera...
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		//ie
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				//message d'erreur
				alert("Navigateur ancien");
				return false;
			}
		}
	}
	//fonction pour recevoir les données du serveur
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('recherchenom');
			ajaxDisplay.innerHTML = ajaxRequest.responseText;
		}
	}
	var unelettre = document.getElementById('recherchenom').value;
	objbase=DAO_base::getunebase($numbase);
	ajaxRequest.open("GET",DAO_employe::getemployeparlettre(unelettre,objbase,nomemploye,prenomemploye,serviceemploye),true);
	ajaxRequest.send(null); 
}

Le code de DAO_employe :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
//avoir les employés recherchés avec une lettre
		public static function getemployeparlettre($unelettre,$objbase,$nomemploye,$prenomemploye,$serviceemploye){
 
			global $con;
 
			//construction de la collection
			$lesemployes=new Collection();
 
			//récupère le numéro de la base
			$numbase=$objbase->getnumerobase();
			//si nomemployé="" et serviceemploye=""
			if($nomemploye=="" && $serviceemploye==""){
				//on met le prenom dans la condition de la requête sql
				$condition="prenomemploye like'".$unelettre."%' order by prenomemploye";
				$cond="prenomemploye";
			}
			//si prenomemploye="" et serviceemploye=""
			if($prenomemploye=="" && $serviceemploye==""){
				//on met le nom dans la condition de la requête sql
				$condition="nomemploye like'".$nomemploye."%' order by nomemploye";
				$cond="nomemploye";
			}
			//si nomemploye="" et prenomemploye=""
			if($nomemploye=="" && $prenomemploye==""){
				//on met le service dans la condition de la requête sql
				$condition="serviceemploye like '".$serviceemploye."%' order by serviceemploye";
				$cond="serviceemploye";
			}
 
			//requête sql
			echo $req="Select '$cond' from employe where numerobaseemploye='$numbase' and $condition";
			$res=$con->query($req);
			while($row=$res->fetch(PDO::FETCH_OBJ)){
				//construction de l'employé
				$unemploye=new employe($row->numeroemploye,$row->numerobaseemploye,$row->nomemploye,$row->prenomemploye,$row->serviceemploye,$row->telephoneinterneemploye,$row->telephonedirectemploye,$row->mobileemploye,$row->faxemploye,$row->emailemploye);
				//mettre la valeur de l'objet base dans l'attribut privé d'employé
				$unemploye->setobjbaseemploye($objbase);
				//mis dans le tableau de collection
				$lesemployes->Add($unemploye);
			}
			//retourne les valeurs de la collection
			return $lesemployes;
		}

[b0uhh]

Bonjour,
Il semblerait que vous souhaitiez réinventer la roue si je peux me permettre

C'est un problème déjà rencontrer et déjà résolu (je ne sais pas avec quelle efficacité :p).
Tout d'abord, je vous conseille d'utiliser une bibliothèque javascript pour faire de l'AJAX, telle que jQuery (mais il en existe plein d'autre).
Ensuite suivant la bibliothèque que vous souhaitez utiliser, il existe le plus souvent des solutions à votre problème d’auto-complétion.

Par exemple un plug-in pour jQuery (que je n'ai pas testé) :
http://www.devbridge.com/projects/autocomplete/jquery/

Ou le même pour Prototype (pas testé non plus) :
http://www.devbridge.com/projects/autocomplete/

En espérant que ça puisse aider.

[Bovino]

Code :

1
2
objbase=DAO_base::getunebase($numbase);
	ajaxRequest.open("GET",DAO_employe::getemployeparlettre(unelettre,objbase,nomemploye,prenomemploye,serviceemploye),true);

C'est pas du JavaScript ça

[dinier]

merci, je vais regarder cela quand j'aurai du temps car la programmation n'est 1/5 de mon travail dans l'entreprise, le reste, c'est du réseau.