Systéme d'auto complétation de champ

Version imprimable

23/01/2013, 10h53
bebej

Systéme d'auto complétation de champ

Bonjour ,
je viens vers vous car sur le formulaire où je travaille actuellement il m'a été de demander de faire un systéme d'auto complétation de champ (je ne sais pas si c'est vraiment français ^^) ,je m'explique actuellement lorsque que l'on rentre un contact par le formulaire ,on peut selectionner sa ville ou l'entré manuellement si elle n'existe pas sur la base, et ensuite on doit rentrer manuellement le canton au quel appartient cette ville ,et la région agricole a laquelle appartient le canton , donc ce qui est demander c'est que lorsque je selectionne une ville il faut qu'il s'affiche ensuite le canton et la région agricole .
Ce qui donne ville>canton>région agricole . Alors il y a déja une partie du travail de fait ,car il existe une petite base de recherche pour cela sous l'excel d'oppen office, et je voudrais savoir si il y a un moyen de pouvoir me servir de cette petite base afin de reproduire ce systéme en php , car je n'ai aucune idée a ce sujet.
j'espere d'avoir été clair dans mon raisonnement .
merci d'avance
cordialment
23/01/2013, 11h08
Bovino

PHP travaillant sur le serveur, tu ne pourras certainement pas l'utiliser pour réagir aux actions de l'utilisateur (à moins bien sûr que tu souhaites mettre ça en place sur les écrans de contrôle du datacenter afin de distraire les employés :aie:).

Tu devras passer par JavaScript (voire AJAX).
:fleche: Ajax - une autocomplétion pas à pas
23/01/2013, 11h12
bebej

merci je vais regarder ça plus en détaille , sur le coup j'avais penser a refaire une table spécial dans la bdd mais vu que je ne suis pas le créateur de cette base je n'ose pas de trop ^^ mais je vais regarder ton lien merci
23/01/2013, 11h15
sabotage

Tu ne pourras pas réutiliser ce qui a été fait dans ton tableur (en dehors des données elles mêmes).

Si tu nous dis que tu as déjà sur le site une liste de choix pour la ville c'est que le site accède déjà a une source de donnée.
Si cette source n'a que les villes, il faut que tu lui ajoutes tes information de canton et région agricole.

Soit tu refait le croisement ville / autres données après la validation du formulaire, soit tu le fais dynamiquement en Ajax (un peu le principe de http://siddh.developpez.com/articles/ajax/).
La logique reste la même :
récupération de la ville sélectionnée
lecture des informations dans la base de donnée
affichage
23/01/2013, 12h05
bebej

j'avais déja lu ce tuto mais le probléme c'est que celui qui a fait l'appli avant que j'arrive a fait en sorte que lorsque l'on remplit le formulaire si la ville n'existe pas dans la liste deroulante de sélection on l'ajoute manuellement et ensuite celle ci est enregistré dans la liste déroulante pour un éventuel autre contact , donc la plupart des villes sont bien enregistrer dans la bdd , mais il n'a pas fait de sorte avec les regions et cantons, la on est obliger de les ajouter manuellement et ils ne sont pas visible si on crée une liste déroulante (si vous arrivez a comprendre ce que j'explique :) ) et petite info le doc excel est un doc appart il n'intervient pas dans la bdd , en gros c'est un doc téléchargeable qui fait le travail sur le doc excel . merci
23/01/2013, 12h20
sabotage

Citation:

Si cette source n'a que les villes, il faut que tu lui ajoutes tes information de canton et région agricole.
23/01/2013, 16h05
bebej

oui sabotage ,c'est fait maintenant je peux avoir acces en liste deroulante à mes cantons et régions, le truc c'est que dans le tuto que tu m'as donner il y a deux tables différentes ,et moi tout est dans la même table est ce que cela ne va pas poser de probléme . merci

parce que dans l'exemple l'auto complétion se fait par rapport à l'id de l'auteur et l'id du livre
29/01/2013, 09h50
bebej

j'ai reussis à me débrouiller j'ai crée des tables comme dans l'exemple présenté car en faite vu que les utilisateur entré eux même le nom de la ville il y avait plusieur doublon sur plusieur ville donc maintenant il y a un orthographe parfait pour les villes etc.. merci

bonjour tout d'abord je tien a m'excuser de revieller un vieux post , car en effet lors de la mise en prod de mon systéme et bien j'ai un soucis car j'ai repris le code du tuto en modifiant les variables et le truc c'est qu'il ne fonctionne plus , je sais que c'est pas top de reprendre le code comme ça mais cela me suffisait emplement et quand j'ai test avec leur exemple cela fonctionné du premier coup , donc j'ai réessayer le systéme avec deux tables de test et en mettant les bonne variable comme dans l'exemple et bien cela ne fonctionne pas ,je vous montre le code ainsi que la structure des table ,merci
la je fais appel aux pays

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
<html>
	<head>
		<title>Tutoriel Ajax (XHTML + JavaScript + XML)</title>
		<script type='text/javascript'>
         
                        function getXhr(){
                                var xhr = null; 
                                if(window.XMLHttpRequest) // Firefox et autres
                                   xhr = new XMLHttpRequest(); 
                                else if(window.ActiveXObject){ // Internet Explorer 
                                   try {
                                        xhr = new ActiveXObject("Msxml2.XMLHTTP");
                                    } catch (e) {
                                        xhr = new ActiveXObject("Microsoft.XMLHTTP");
                                    }
                                }
                                else { // XMLHttpRequest non supporté par le navigateur 
                                   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
                                   xhr = false; 
                                } 
                                return xhr;
                        }
                        
                        /**
                        * Méthode qui sera appelée sur le click du bouton
                        */
                        function go(){
                                var xhr = getXhr();
                                // On défini ce qu'on va faire quand on aura la réponse
                                xhr.onreadystatechange = function(){
                                        // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
                                        if(xhr.readyState == 4 && xhr.status == 200){
                                                leselect = xhr.responseText;
                                                // On se sert de innerHTML pour rajouter les options a la liste
                                                document.getElementById('region').innerHTML = leselect;
                                        }
                                }
 
                                // Ici on va voir comment faire du post
                                xhr.open("POST","region.php",true);
                                // ne pas oublier ça pour le post
                                xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
                                // ne pas oublier de poster les arguments
                                // ici, l'id de l'auteur
                                sel = document.getElementById('pays');
                                idauteur = sel.options[sel.selectedIndex].value;
                                xhr.send("idPays="+idpays);
                        }
                </script>
	</head>
	<body>
		<form>
			<fieldset style="width: 500px">
				<legend>Liste liées</legend>
				<label>Pays</label>
				<select name='pays' id='pays' onchange='go()'>
					<option value='-1'>Aucun</option>
					<?
                                                mysql_connect("127.0.0.1","root","");
                                                mysql_select_db("bebej");
                                                $res = mysql_query("SELECT * FROM pays ORDER BY nom_pays");
                                                while($row = mysql_fetch_assoc($res)){
                                                        echo "<option value='".$row["id"]."'>".$row["nom_pays"]."</option>";
                                                }
                                        ?>
				</select>
				<label>region</label>
				<div  id='region' style='display:inline'>
				<select name='region'>
					<option value='-1'>Choisir un pays</option>
				</select>
				</div>
			</fieldset>
		</form>
	</body>
</html>

la aux region

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
	echo "<select name='region'>";
	if(isset($_POST["idPays"])){
		mysql_connect("127.0.0.1","root","");
		mysql_select_db("bebej");
		$res = mysql_query("SELECT id,nom_region FROM region 
			WHERE idPays=".$_POST["idPays"]." ORDER BY nom_region");
		while($row = mysql_fetch_assoc($res)){
			echo "<option value='".$row["id"]."'>".$row["nom_region"]."</option>";
		}
	}
	echo "</select>";
?>

les tables

Citation:

pays
(1,'pas de pays'),
(2,'pays du roumois');
structure :
id, nom_pays

region
(1,'brionne,1),
(2,'nonancourt',1),
(3,'beaumont',2),
(4,'nulle part',2);
structure:
id, nom_region,idPays

voila je vus remercie par avance et je tiens a m'excusez pour la remonter de post merci bonne journée

07/02/2013, 16h22
bebej

résolu j'ai oublier mon cerveau dsl