Discussion :

[nicolas2603]

Bonjour, dans mon formulaire je souhaite mettre deux listes ("départements" et "communes"), et bien évidemment que le contenu de la liste "communes" dépende de ce qui est sélectionné dans "départements". Toutes les valeurs sont stockées dans une table de ma base de données.

Cependant mes listes sont en plein milieu du formulaire (relativement long), et donc il n'est pas question de faire un rechargement de la page pour actualiser la 2° liste. Je souhaite donc, au chargement, générer un tableau qui va contenir tous les départements dans $dep et toutes les communes dans $com, et modifier les options de la liste "communes" par sélection sur "départements".

C'est faisable comme ça ? Une piste pour y arriver, je sèche depuis 2h !

Merci d'avance.

[Djakisback]

Salut,
tu peux faire ça en Ajax ou sinon en JS à toi de voir mais pas en PHP uniquement.

[nicolas2603]

Oui, je suis justement en train de plancher sur des exemples ajax.

[Zwiter]

salut,
Tu peux faire un tableau associatif en javascript avec tes departements et communes associées.
Ou bien aller chercher a chaque fois la liste des communes pour le departement choisi via ajax.

A cela, tu ajoutes un event sur la selection d'un departement qui va soit lancer l'ajax, soit aller chercher dans le tableau assiociatif la liste de commune correspondante.

Z.

[Invité]

Bonjour,
regarde ici : "Listes liées avec AJAX et PHP"
http://php.developpez.com/sources/?p...tes-liees-ajax

[nicolas2603]

Bonjour,
regarde ici : "Listes liées avec AJAX et PHP"
http://php.developpez.com/sources/?p...tes-liees-ajax

Bonjour,

je viens de réussir à faire comme je le souhaitais, grâce aux infos trouvées sur cette page : http://perso.wareteam.com/comment_de...r_la_page-.php

Mais je vais regarder si je ne peux pas optimiser mon code grâce à ce lien !
Merci

[nicolas2603]

Bon finalement après test je rencontre un problème : lorsque je clique sur valider après avoir sélectionné mon département puis ma commune, et remplis tous mes champs, je me retrouve sur une page vide (qui n'est pas celle appelée par l'action) et une adresse contenant tous mes champs en paramètre.

Sachant une précision, mon site est en php dynamique avec des liens du genre index.php?page=test, mais à priori ce n'est pas de là que vient le problème puisque j'ai testé en page entière également.

Avez-vous une idée d'où cela peut venir ?
Je vous mets en dessous le contenu de mes pages.

1. la page contenant le formulaire (index.php?page=formulaire) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<tr>
<td width="20%">• <strong>Département</strong></td>
<td>
	<select size="1" name="m_dpt" OnChange="sendData('id='+this.value,'id_communes.php')" onKeyUp="sendData('id='+this.value,'id_communes.php')">
	<?php
	while ($dt=mysql_fetch_row($result)) {
	echo "<option value=".($dt[0]).">".($dt[1])."</option>";
	if ($i==0) { $j=$dt[0]; $i=1; } // garder la valeur du premier enregistrement
	} ?>
	</select>
</td>
</tr>
<tr>
<td width="20%">• <strong>Commune</strong></td>
<td>
	<div id="communes">
	<?php  
	echo "<select size='1' name='m_ville'>";   
	$rq="Select * from id_commune where idcat=".$j." order by nom";
	$result= mysql_query($rq);
	$i=0;
	while ($dt=mysql_fetch_row($result)) { 
	echo "<option value=".utf8_encode($dt[0]).">".utf8_encode($dt[2])."</option><br>";
	}    
	echo "</select>";
	?>
	</div>
</td>
</tr>

2. La page id_communes.php appelée pour interroger le serveur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
header('Content-type: text') ; // on déclare ce qui va être afficher
 
// test des POST emis
if(isset($_POST['id']) && !empty($_POST['id']) ){
	$user="root";
	$host="localhost";
	$password="Admin";
	$database="db_données";
	$connexion = mysql_connect($host,$user,$password);   
	mysql_select_db($database,$connexion);
	$rq="Select * from id_commune where idcat=".$_POST['id']." order by nom;";
    $result= mysql_query($rq);
    $i=0;
	if (mysql_num_rows($result)>0) {
	  echo "<select size='1' name='m_ville'>";
	} else {
	  echo utf8_encode("Pas de sous catégories disponible");	
	}
    while ($dt=mysql_fetch_row($result))   { 	
	 echo "<option value=".utf8_encode($dt[0]).">".utf8_encode($dt[2])."</option><br>";
    }    
	echo "</select>";
}
?>

3. La fonction qui est appelé sur index.php :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function sendData(param, page)	{
if(document.all) {
	//Internet Explorer
	var XhrObj = new ActiveXObject("Microsoft.XMLHTTP") ;
} else	{
    //Mozilla
	var XhrObj = new XMLHttpRequest();
}
 
//définition de l'endroit d'affichage:
var content = document.getElementById("communes");
XhrObj.open("POST", page);
 
//Ok pour la page cible
XhrObj.onreadystatechange = function()	{
	if (XhrObj.readyState == 4 && XhrObj.status == 200)
		content.innerHTML = XhrObj.responseText ;
}
 
XhrObj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
XhrObj.send(param);
}

Merci d'avance.