Autocomplete via fichier csv

Version imprimable

1 pièce(s) jointe(s)

Bonjour à tous,

Je suis en train de créer une appli php. Je voudrais savoir comment récupérer la valeur(numéro de tel) d'un input afin de le rechercher un fichier csv et remplir les autres inputs avec les valeurs correspondantes à ce numéro.

Je m'explique, j'ai un fieldset dans mon formulaire dans lequel il y à divers input, on peut rentrer le numéro, le nom l'utilisateur etc...
http://www.developpez.net/forums/att...1&d=1339861998

De plus j'ai accès à un csv servant à l'origine pour l'annuaire outlook donc la structure est la suivante:
identifiant;nom;prenom;@mail;service;telephone;batiment
identifiant;nom;prenom;@mail;service;telephone telephone2;batiment

J'aimerai que lorsque l'on rempli le champ numéro d'appel ce dernier active automatiquement une recherche dans le fichier csv afin de vérifier que le numéro existe (avec une boucle en cas de changement ulterieur du numéro) et si c'est le cas on rempli les autres input qui suivent avec les infos qui leurs correspondent (enfin ce qui est dispo, car il peut manquer l'@mail ou autre)

Après j'ai crée mes inputs de cette manière et je sais pas s'il y a un truc particulier à faire pour faire cette recherche automatique et remplissage automatique si numéro existant:

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
45
<form name="form_demande" method="post" action="../formulaires_traitement/traitement_demande.php">
        <div id="num_appel"><fieldset style="border:none">      
                <div id="fourcolonnes_centreg"> <!-- Mettre au milieu à gauche du fieldset-->
                        <span class="num_appelant">
                                <label for="num_appelant">N° de l'appelant: </label>
                                <input type="text" name="num_appelant" id="num_appelant" placeholder="ex: 34100" />
                        </span>
                </div>
                <div id="fourcolonnes_centred"> <!-- Mettre au milieu à droite du fieldset-->
                        <label>Date Appel: </label>
                        <input type="text" id="date_appel" name="date_appel" value="<?php echo date('d-m-Y'); ?>" /> <!-- Affichage du calendrier avec date du jour rentrer automatiquement -->
                </div>
                <div id="fourcolonnes_droite"> <!-- Mettre à droite du fieldset-->
                        <label>Heure Appel: </label>
                        <input type="text" id="timepicker" name="heure_appel" value="<?php echo date('H:i'); ?>" /> <!-- Affichage de l'heure: Rentrer automatiquement -->
                </div>
        </fieldset>
        </div>
        <div class="infoglobales"><fieldset>
                <legend>Informations Globales</legend>
                        <div id="infoglobalemilieu">
                                <span>
                                        <label for="nom_demandeur">Demandeur: </label>
                                        <input type="text" name="nom_demandeur" id="nom_demandeur" maxlength="30" />
                                </span>
                                <br />
                                <span>
                                        <label for="service">Service: </label>
                                        <input type="text" name="service" id="service" maxlength="50" />
                                </span>
                        </div>
                        <!-- Block de droite du fieldset Infoglobale -->
                        <div id="infoglobaledroite">
                                <span>
                                        <label for="batiment">Bâtiment: </label>
                                        <input type="text" name="batiment" id="batiment" maxlength="10" />
                                </span>
                                <span>
                                        <label for="local">Local: </label>
                                        <input type="text" name="local" id="local" />
                                </span>
                        </div>
                </fieldset>
        </div>
</form>

ex de fichier csv (désolé j'ai mis des valeurs au pif):
------------------------------------------------------------------------------------------------------------------
10101010;Dupont;Alfred;alfred@test.fr;MON/PTIT/SERVICE;0380808080 0320202020; Bt 012
10101011;Dupont;Henri;henri@test.fr;CINE DU COIN;0380808081; Bt 035
10101012;Dupond;Jean Claude;jc@test.fr;ESSENCE;0380808082; Bt 122
10101013;Dupond;Antoinette;toinette71@test.fr;POMPIER;0380808083; Bt 135
10101014;Dubois;Fredreric;fredymercury@test.fr;DANS LE BOIS;0380808084; Bt 148
10101015;Faitenfler;Ilsé;malbarre@test.fr;PAS DE TRAVAIL;0380808085; Bt 160
10101016;Inconnu;Les;inconnu@test.fr;LUI ON SAIT PAS;0380808086; Bt 170
-----------------------------------------------------------------------------------------------------------------------
Est-ce que quelqu'un sait comment faire ceci? sachant qu'en plus il arrive qu'une personne ait 2 num

merci d'avance parce que la j'avoue ne pas savoir faire ce style d'autocomplete

maxredphenix

Salut faudrait que tu convertit tes données csv en json, a partir de la tu sera plus alèse pour manipulé tes données avec javascript.

Côté PHP

Code:

1
2
3
4
5
6
7
8
9
10
11
12
function convCsvToArrayToJson($file){
	$datas = array();
	$handle = fopen($file, "r");
	while (($data = fgetcsv($handle)) !== FALSE) {
		foreach ($data as $k=>$v){
		 	$datas[$k] = array_push($datas, explode(";", $v));
		}
	}
	return json_encode($datas);
}
 
echo convCsvToArrayToJson("test.csv"); //donnée json manipulable comme un tableau en js.

J'ai pas testé si ça marchait mais l'idée et la.

Tu pourras ensuite faire ton module js de recherche pour parcourir ce nouveau tableau :

Côté JS

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="text/javascript">
var JsonData = <?php echo convCsvToArrayToJson("test.csv"); ?>;
/*
JsonData[nclient][fields]
 
fields :
id             [0]
nom          [1]
prenom      [2]
mail           [2]
job            [2]
tel             [2]
code          [2]
*/
alert(JsonData[1][0]); //client 2 affichage de son id ...
</script>

23/06/2012, 16h19
maxredphenix

Bonjour,

Désolé pour ce retard, j'ai pas vu qu'il y avait une réponse et j'ai reçu aucun mail.

Je vais regarder cela de plus prêt, je savais pas que la conversion en json était si simple.

En faite une fois en json, tu construis un tableau et tu fait une autocompletion des champs via le résultat N° xx du tableau qui lui correspond?

Encore merci de ta réponse

maxredphenix

Oui en gros il faut que tu parcours ton tableau json, il te faut les événement javascript déclencheur de ton autocomplétion :

Soit en utilisant sur un input événement onchange, et bien entendu si tu a peur que ton client disparaisse après un refresh de la page pour X raisons..

Tu te créer un cookies ou une session pour garder en mémoire le dernier cookie la dernière session du dernier ID recherché.
Code:

1 2 3 <body onload="findClient('<?php echo $_SESSION["num_appelant"]; ?>');"> <input type="text" name="num_appelant" id="num_appelant" placeholder="ex: 34100" onchange="findClient(this.value);" />
Ta function findClient est la function qui parcours le tableau et qui compare l'unique paramètre IDclient ou num_appelant avec le tableau js, si le trouve il l'affiche sinon rien.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 //juste le parcours du tableaux function findClient(idClient){ var clients = <?php echo convCsvToArrayToJson("test.csv"); ?> for(c in clients){ if(c.id == idClient) return c; } }; ou //parcours et alimetation du DOM function findClient(idClient){ var clients = <?php echo convCsvToArrayToJson("test.csv"); ?> for(c in clients){ if(c.id == idClient) document.getElementById("nom_demandeur").value = c.nom; document.getElementById("num_appelant").value = c.tel; ... } };
S'est du oneshoot j'ai pas testé mais l'idée est là et dans cette exemple il ne s'agit que de l'autocomplétion de ton champs de recherche par id, tu pourras aire la même chose pour tout est autres champs, biensur en passant un second paramètre a ta function et un switch et tou pourra jonglé d'un champs à l'autre, recherche pas nom, prenom, id...
Bonne chance ;)

Bonjour,

Merci pour ta réponse, c'est super ce que tu as fait, je vais tester cela de suite.

Par contre juste comme ça pour voir si j'ai compris (je suis plus que débutant en javascript),
Vu que je veux juste faire une recherche par numéro, je laisse ce type de code pour chaque input:
Code:

1 2 3 4 5 6 <input type="text" name="num_appelant" id="num_appelant" placeholder="ex: 34100" onchange="findClient(this.value);" /> <input type="text" name="nom_demandeur" id="nom_demandeur" maxlength="30" /> <input type="text" name="service" id="service" maxlength="50" /> <input type="text" name="batiment" id="batiment" maxlength="10" /> <input type="text" name="local" id="local" />
Mais par contre, comment est-ce que la valeur est affecter à chaque champ? c'est la commande suivante?:

Code:

document.getElementById("num_appelant").value = c.tel;

Encore merci de ton aide

Cordialement

maxredphenix

24/06/2012, 18h51
headmax
oui elle te permet de remplir le champs avec la valeur du tableau, et correspondant à l'action de saisit fait sur le champs input dont l'id est "num_appelant".
Code:

1 2 3 var objNumAppelant = document.getElementById("num_appelant"); //obj html objNumAppelant.value = "mavaleur" // donnera <input type="text" id="num_appelant" value="mavaleur">
Ici on utilise l'attribut value (le text contenue dans input).
Tu n'a pas a changer la valeur num_appelant puisqu'il est fait par celui qui fait la recherche. Donc tu doit ciblé tes objects avec getElementById("id_input") et lui passer la valeur que nous retourne le tableau json.
25/06/2012, 22h04
maxredphenix

Bonsoir,

Ok, c'est super alors. J'ai du coup pas eu le temps hier mais je regarder cela ce soir et je te tiens au courant dès que cela fonctionne (ou si je rencontre des soucis :? )

Encore merci

maxredphenix
25/06/2012, 22h13
headmax

Ok pas de soucis, bonne chance.:D

Bonjour,

Je viens de créer ma page lirecsv.php qui est appeler via un require_once dans mon formulaire. Voial le code de lirecsv:

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
<?php 
	// Fonction de conversion du fichier CSV contenant l'annuaire du Site
	function convCsvToArrayToJson($file){
	$datas = array();
	$handle = fopen($file, "r");
	while (($data = fgetcsv($handle)) !== FALSE) {
		foreach ($data as $k=>$v){
		 	$datas[$k] = array_push($datas, explode(";", $v));
		}
	}
	return json_encode($datas);
}
 
	// Fonction de parcours du Tableau JSON (annuaire) et alimentation des champs
	function findClient(idClient){
		var clients = <?php echo convCsvToArrayToJson("../../data/annuaire.csv"); ?>
		for(c in clients){
			if(c.id == idClient)
				document.getElementById("num_appelant").value=c.tel;
				document.getElementById("nom_demandeur").value=c.nom;
				document.getElementById("service").value=c.service;
				document.getElementById("batiment").value=c.batiment;
		}
	}
?>

et voila la partie intéressante formulaire:

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
<span class="num_appelant">
						<label for="num_appelant">N° de l'appelant: </label>
						<!-- Le onchange sert à faire un appel à la fonction findClient pour remplir divers champs via l'annuaire. 
								à chaque modification du champ la fonction ira chercher sa correspondance dans le fichier annuaire-->
						<input type="text" name="num_appelant" id="num_appelant" placeholder="ex: 34100" onchange="findClient(this.value);"/>
					</span>
<div id="infoglobalemilieu">
						<span>
							<label for="nom_demandeur">Demandeur: </label>
							<input type="text" name="nom_demandeur" id="nom_demandeur" maxlength="30" />
						</span>
						<br />
						<span>
							<label for="service">Service: </label>
							<input type="text" name="service" id="service" maxlength="50" />
						</span>
					</div>
					<!-- Block de droite du fieldset Infoglobale -->
					<div id="infoglobaledroite">
						<span>
							<label for="batiment">Bâtiment: </label>
							<input type="text" name="batiment" id="batiment" maxlength="10" />
						</span>
						<span>
							<label for="local">Local: </label>
							<input type="text" name="local" id="local" />
						</span>
					</div>

mais j'ai une erreur qui s'affiche:
Parse error: syntax error, unexpected ')', expecting '&' or T_VARIABLE in C:\wamp\www\Monsite\php\formulaires_creation\lirecsv.php on line 15

soit à la première ligne de la fonction findclient. Je vois pas du tout ou est le souci...est-ce que tu peux m'aider?

Encore merci

26/06/2012, 20h41
NoSmoking

Bonjour,
ton PHP me semble en cause

ligne 1: <?php.
...
ligne 16: var clients = <?php echo convCsvToArrayToJson("../../data/annuaire.csv"); ?>.
...
ligne 25: ?>.

Problème de construction donc
26/06/2012, 21h28
headmax
Oui j'ai oublié le point virgule à la fin.
js function findClient
Code:

1 2 var clients = <?php echo convCsvToArrayToJson("../../data/annuaire.csv"); ?>;
Si tu es sur PHP5 normalement tu n'a pas besoin de simple quote.
Par contre si tu pouvais me faire un var_dump(json_encode($datas)); directement dans la function et me retourner le resultat sa m'aiderais grandement.

Je viens de tester mais cela ne change rien, j'ai toujours la même erreur. Par contre si je rajoute un $ devant idclient l'erreur passe à la ligne suivante, est-ce qu'il faut le mettre ou pas?

Je viens de faire un var dump, voila le resultat si je lance le fichier lirecsv.php dans le navigateur:

Citation:

string '[7,["10101011","Dupont","Henri","henri@test.fr","CINE DU COIN","34100"," Bt 035"],["10101012","Dupond","Jean Claude","jc@test.fr","ESSENCE","380808082"," Bt 122"],["10101013","Dupond","Antoinette","toinette71@test.fr","POMPIER","380808083"," Bt 135"],["10101014","Dubois","Fredreric","fredymercury@test.fr","DANS LE BOIS","380808084"," Bt 148"],["10101015","Faitenfler",null,"malbarre@test.fr","PAS DE TRAVAIL","380808085"," Bt 160"],["10101016","Inconnu","Les","inconnu@test.fr","LUI ON SAIT PAS","380808086"," '... (length=521)

j'ai fait ce code ci pour lirecsv.php:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <?php // Fonction de conversion du fichier CSV contenant l'annuaire du Site function convCsvToArrayToJson($file){ $datas = array(); $handle = fopen($file, "r"); while (($data = fgetcsv($handle)) !== FALSE) { foreach ($data as $k=>$v){ $datas[$k] = array_push($datas, explode(";", $v)); } } return var_dump(json_encode($datas)); } echo convCsvToArrayToJson("../../data/annuaire.csv"); ?>
J'espère que c'est ce que tu voulais.

Merci

26/06/2012, 22h11
headmax
Ok j'ai compris ou est ton erreur :

Il faut que tu met dans ta balise script JS et non dans PHP.
Code:

1 2 3 4 5 <script type="text/javascript"> var clients = <?php echo convCsvToArrayToJson("../../data/annuaire.csv"); ?>; alert(clients); /* ton tableau js doit est retourné */ </script>
Ne pas definir clients dans les balises PHP, il s'agit d'une affectation d'un tableau PHP json a une variable javascript.
Tiens moi au courant.

1 pièce(s) jointe(s)

je viens de mettre ton code à la suite de la fonction de conversion en json:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <?php // Fonction de conversion du fichier CSV contenant l'annuaire du Site function convCsvToArrayToJson($file){ $datas = array(); $handle = fopen($file, "r"); while (($data = fgetcsv($handle)) !== FALSE) { foreach ($data as $k=>$v){ $datas[$k] = array_push($datas, explode(";", $v)); } } return json_encode($datas); } ?> <script type="text/javascript"> var clients = <?php echo convCsvToArrayToJson("../../data/annuaire.csv"); ?>; alert(clients); /* ton tableau js doit est retourné */ </script>
Si je lance la page lirecsv, j'ai un popup qui contient:
http://www.developpez.net/forums/att...1&d=1340742440

Par contre si je mets return var_dump(json_encode($datas)); j'ai ...rien

J'espere que cela t'aide un peu

merci

Et comme je suis sûr d'avoir fait un truc qui n'était pas ce que tu demandais, j'ai tout mis à l'intérieur de balise <script>:

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
<script type="text/javascript">
	// Fonction de conversion du fichier CSV contenant l'annuaire du Site
	function convCsvToArrayToJson($file){
	$datas = array();
	$handle = fopen($file, "r");
	while (($data = fgetcsv($handle)) !== FALSE) {
		foreach ($data as $k=>$v){
		 	$datas[$k] = array_push($datas, explode(";", $v));
		}
	}
	return json_encode($datas);
}
 
// Fonction de parcours du Tableau JSON (annuaire) et alimentation des champs
	function findClient(idClient){
		var clients = <?php echo convCsvToArrayToJson("../../data/annuaire.csv"); ?>;
		for(c in clients){
			if(c.id == idClient)
				document.getElementById("num_appelant").value=c.tel;
				document.getElementById("nom_demandeur").value=c.nom;
				document.getElementById("service").value=c.service;
				document.getElementById("batiment").value=c.batiment;
		}
	}
</script>

Mais si je lance ma page contenant mon formulaire avec le code dans la balise <head> j'ai juste l'image d'arrière plan.

Si je fais un require_once du fichier lirecsv avant le code de l'input num_appelant tout ce qui est avant est afficher mais pas le reste.

26/06/2012, 22h36
headmax

Tu avance y a plus d'erreur normalement :).

Ok donc pour la suite :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function findClient(idClient){
		var clients = <?php echo convCsvToArrayToJson("../../data/annuaire.csv"); ?>;
		for(c in clients){
alert(c.id);
alert(c.nom);
alert(c.tel);
alert(c.service);
			if(c.id == idClient)
				document.getElementById("num_appelant").value=c.tel;
				document.getElementById("nom_demandeur").value=c.nom;
				document.getElementById("service").value=c.service;
				document.getElementById("batiment").value=c.batiment;
		}
	}

ça te retourne bien les valeurs?

non j'ai rien du tout si je lance directement lirecsv.php et idem qu'avant avec le require_once dans ma page formulaire

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
<script type="text/javascript">
	// Fonction de conversion du fichier CSV contenant l'annuaire du Site
	function convCsvToArrayToJson($file){
		$datas = array();
		$handle = fopen($file, "r");
		while (($data = fgetcsv($handle)) !== FALSE) {
			foreach ($data as $k=>$v){
				$datas[$k] = array_push($datas, explode(";", $v));
			}
		}
		return json_encode($datas);
	}
 
function findClient(idClient){
	var clients = <?php echo convCsvToArrayToJson("../../data/annuaire.csv"); ?>;
	for(c in clients){
	alert(c.id);
	alert(c.nom);
	alert(c.tel);
	alert(c.service);
		if(c.id == idClient)
			document.getElementById("num_appelant").value=c.tel;
			document.getElementById("nom_demandeur").value=c.nom;
			document.getElementById("service").value=c.service;
			document.getElementById("batiment").value=c.batiment;
	}
}
</script>

est-ce que tu peux m'expliquer comment fonctionne le principe des value=c.tel etc.., comment le code js fait pour savoir que le téléphone est placé à tel endroit dans le json etc...?

Je te remercie

Passe une bonne soirée

maxredphenix

Tout simplement car il CIBLE élement HTML par son ID :

Exemple :
html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<html>
<body>
<div id="bill">Mon text dans div</div>
<input id="boule" type="text" value="la valeur dans input"/>
<script type="text/javascript">
window.onload = function(){
alert(document.getElementById("bill").textContent); //il t'affichera Mon text...*/
alert(document.getElementById("boule").value); /*il taffichera la valeur dans ...*/
/* SI tu souhaite changer les valeurs */
alert("ON va changer l'input observe bien :");
document.getElementById("boule").value="Vive Json";
 
};
</script>
</body>
</html>

27/06/2012, 07h12
maxredphenix

Bonjour,

Merci pour ton exemple, j'ai un peu mieux compris le système d'affectation des valeurs dans un champs via son id (je débute vraiment en js). Par contre je me suis mal exprimé, c’était comment est-ce que l'on affecte les bonnes valeurs dans tel champs?
par exemple : 10101012;Dupond;Jean Claude;jc@test.fr;ESSENCE;0380808082; Bt 122
Comment est-ce que le js va savoir que le téléphone se trouve à la 6eme position dans le JSON ? et du coup comment est-ce qu'on lui lui que c.tel c'est tout ce qui se trouvera en 6eme position?

Désolé d'être chiant :? je voudrais juste comprendre le principe et pas simplement copier ce que tu me dis parce que même si j'en ai besoin, le mieux c'est quand même d'apprendre ;)

Encore merci pour le temps que tu me consacres. Passe une bonne journée

En attente de tes nouvelles,

maxredphenix
27/06/2012, 18h42
NoSmoking
Citation:

Comment est-ce que le js va savoir que le téléphone se trouve à la 6eme position dans le JSON ?

c'est toi qui lui dit via la structure JSON que tu auras mis en place.

:fleche: http://t-templier.developpez.com/tut...cript-poo1/#L1

nota:
```
10101012;Dupond;Jean Claude;jc@test.fr;ESSENCE;0380808082; Bt 122
```
n'a pas la structure d'un objet JSon, mais d'une chaine que tu peux "splitter" pour la récupérer sous forme d'Array
Code:

1 2 3 var chaine = '10101012;Dupond;Jean Claude;jc@test.fr;ESSENCE;0380808082; Bt 122'; var tableau = chaine.split(';'); alert( tableau[5]); // téléphone
28/06/2012, 07h19
maxredphenix

Bonjour,

Merci pour ta réponse, je vais faire un tour du côté de ton lien pour savoir comment on défini la position de chaque élément. Par contre on est obligé de convertir en JSON, il y a pas moyen de travailler directement avec le csv?

Merci à tous les 2
28/06/2012, 14h08
maxredphenix

Ajout balise [code=xml]
Je suis en train de regarder ton lien ainsi que d'autres tuto pour savoir comment je peux définir cette structure.

Par contre je viens d'apprendre que je peux avoir le fichier d'origine en xml au lieu de csv, est-ce que travailler avec du xml serait plus simple?
Voila à quoi pourrait ressembler la structure du xml!
Code:

1 2 3 4 5 6 7 8 9 <annuaire> <numero id= « 0380234141 »> <nom>Dupond</nom> <prenom>Gérard</prenom> <batiment>102</batiment> <local>1</local> <service>Achat</achat> </numero> <annuaire>
Merci

maxredphenix

La structure XML semble plus indiquée pour la maintenance du fichier, tu peux également mettre cela en BdD et créer un objet JSon coté serveur.

L'utilisation d'un Array peut être simplifié par l'utilisation de "constante"(*)
Code:

1 2 3 4 5 6 7 var NUM_TELEPHONE = 5, NOM = 1, PRENOM = 2; var chaine = '10101012;Dupond;Jean Claude;jc@test.fr;ESSENCE;0380808082; Bt 122'; var tableau = chaine.split(';'); var sTmp = tableau[NOM] +' ' +tableau[PRENOM] +' est joignable au ' +tableau[NUM_TELEPHONE]; alert( sTmp);
Après c'est une affaire de goût.

(*)const n'est pas reconnu par certains navigateurs, il faut encore attendre.

28/06/2012, 21h42
maxredphenix

Bonsoir,

Merci pour ta réponse. Tu ferais quoi? xml ou autres?

Je vais voir comment faire alors pour faire ceci avec un fichier xml, vu que la structure est déjà défini à l'intérieur du fichier c'est sûr ça sera plus simple. J'ai juste à parcourir les noeuds et à rechercher l’élément désiré.

J'ai plus qu'a apprendre à utiliser le xml

maxredphenix

Voilà pour un exemple concret et complet désolé pour le temps de réponse, pour hier je n'étais pas chez moi.

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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
 
<?php
function convCsvToArrayToJson(){
        $datas = array();
        $col = array("id","nom","prenom","mail","message","tel","bt");
        $handle = fopen("test.csv", "r");
 
        while (($data = fgetcsv($handle)) !== FALSE) {
                $datas[] = $data;
        }
        return json_encode($datas);
}
 
?>
<html>
<head>
<script type="text/javascript">
var tab;
//Fonction de parcours du Tableau JSON (annuaire) et alimentation des champs
function objToString (obj) {
    var str = '';
    for (var p in obj) {
        if (obj.hasOwnProperty(p)) {
            str += obj[p] + '\n';
        }
    }
    return str;
};
 
function findClient(idClient){
	var clients = <?php echo convCsvToArrayToJson("test.csv"); ?>;
	alert(idClient);
 
		for(var i=0;i<clients.length;i++){	
 
			tab = objToString(clients[i]).split(';');
 
			if(tab[0] == idClient){
				document.getElementById("nom").value=tab[1];
				document.getElementById("prenom").value=tab[2];
				document.getElementById("mail").value=tab[3];
				document.getElementById("message").value=tab[4];
				document.getElementById("tel").value=tab[5];
				document.getElementById("bt").value=tab[6];
			}
		}
};
</script>
</head>
<body>
<form action="#">
IDS : <input type="text" value="" id="ids" onblur="findClient(this.value);" /><br>
NOM : <input type="text" value="" id="nom" /><br>
PRENOM : <input type="text" value="" id="prenom" /><br>
MAIL : <input type="text" value="" id="mail" /><br>
MESSAGE : <input type="text" value="" id="message" /><br>
TEL : <input type="text" value="" id="tel" /><br>
BT : <input type="text" value="" id="bt" /><br>
</form>
</body>
</html>

Donc comment il fonctionne?
Tu met l'url de ton CSV, ensuite, tu change l'id du CHAMPS IDS et voili voilou.
Bonne soirée, ça serait sympa cette fois ci de mettre Résolu ;).
Pour le xml oui s'est très intéressant, plus rapide c'est clair, mais s'est trop tard :(, prochaine fois.
Merci à smoking pour le pseudo json généré par PHP, il s'agit bien d'un object, c'est pour ça d'ailleurs que je le converti en objToString afin de récupérer le string et ensuite le splité pour qu'il devienne un simple tableau array.
Bonne soirée A+

Super merci,

Tu n'as pas à t'excuser c'est déjà génial que des gens m'aident donc je vais pas me plaindre. Je viens de tester et c'est ok, tout fonctionne niquel. Je l'ai modifié afin de faire une recherche à partir du numéro de téléphone avec mon formulaire et c'est super tout fonctionne très bien:

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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<?php
        function getNewValues($n)
        {return($n * $n * $n);}
        function convCsvToArrayToJson(){
                $datas = array();
                $col = array("id","nom","prenom","mail","service","tel","bt");
                $handle = fopen("annuaire.csv", "r");
         
                while (($data = fgetcsv($handle)) !== FALSE) {
                        $datas[] = $data;
                }
                return json_encode($datas);
        }
?>
<html>
	<head>
		<script type="text/javascript">
			var tab;
			//Fonction de parcours du Tableau JSON (annuaire) et alimentation des champs
			function objToString (obj) {
				var str = '';
				for (var p in obj) {
					if (obj.hasOwnProperty(p)) {
						str += obj[p] + '\n';
					}
				}
				return str;
			};
 
			function findClient(idClient){
				var clients = <?php echo convCsvToArrayToJson("annuaire.csv"); ?>;
				alert(idClient);
 
					for(var i=0;i<clients.length;i++){	
 
						tab = objToString(clients[i]).split(';');
 
						if(tab[5] == idClient){
							document.getElementById("nom").value=tab[1];
							document.getElementById("prenom").value=tab[2];
							document.getElementById("mail").value=tab[3];
							document.getElementById("service").value=tab[4];
							document.getElementById("tel").value=tab[5];
							document.getElementById("bt").value=tab[6];
						}
					}
			};
		</script>
	</head>
	<body>
		<form action="#">
			<span class="num_appelant">
				<label for="num_appelant">N° de l'appelant: </label>
				<!-- Le onchange sert à faire un appel à la fonction findClient pour remplir divers champs via l'annuaire. 
						à chaque modification du champ la fonction ira chercher sa correspondance dans le fichier annuaire-->
				<input type="text" name="num_appelant" value="" id="tel" placeholder="ex: 34100" onblur="findClient(this.value);"/>
			</span>
			<br />
			<span>
				<label for="nom_demandeur">Demandeur: </label>
				<input type="text" name="nom_demandeur" value="" id="nom" maxlength="30" />
			</span>
			<br />
			<span>
				<label for="service">Service: </label>
				<input type="text" name="service" value="" id="service" maxlength="50" />
			</span>
			<br />
			<span>
				<label for="batiment">Bâtiment: </label>
				<input type="text" name="batiment" value="" id="bt" maxlength="10" />
			</span>
			<br />
			<span>
				<label for="local">Local: </label>
				<input type="text" name="local" value="" id="local" />
			</span>
		</form>
	</body>
</html>

Je vais quand même par curiosité regarder plus tard comment faire pour un fonctionnement avec un fichier xml.

Je vous remercie tous les 2 pour votre aide et le temps que vous m'avez consacrés.

Passez une bonne soirée.

Maxredphenix