PHP

Listes déroulantes liées entre elles

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Listes déroulantes liées entre elles

sabbahh

Je cherche un code qui affiche des résultats dans la 2éme liste selon le choix fait au première. c'est un vrai casse tête.
Pour commencer, je me connecte à ma BDD, après ça se complique.
Pourriez vous m'aider??

Publicité

e-deby

le plus simple c'est d'utiliser un petit bout d'Ajax, appelé sur un onChange de la premiere liste

PunkRod

Digital Mohawk

ça dépend du nombre d'entrées dans chacune des listes, tu peux aussi générer des variables javascripts, et tout faire en javascript directement.

Message cité 1 fois

sabbahh

wi j'ai vu ça..
mais je veux bien avoir une trame d'un script..

Message cité 1 fois

e-deby

PunkRod a écrit :

ça dépend du nombre d'entrées dans chacune des listes, tu peux aussi générer des variables javascripts, et tout faire en javascript directement.

si y'a 100 choix à 50 sous-entrées chacun, je te raconte pas le code dans ta page [:el awrence xi]

sabbahh

non je me connecte à ma BDD pour remonter les infos..

Zopieux

sabbahh a écrit :

wi j'ai vu ça..
mais je veux bien avoir une trame d'un script..

Tu vas là, tu cherches le tuto sur Ajax, et tu t'amuses !

A+

sabbahh

je m'amuse grave t'inkiét lol :s
Effectivement, là j'ai trouvé un script ajax pour les listes liées même avec ça j'affiche pas ce que je veux dans ma 2éme liste

durkheim

Details or there is no problem.

e-deby

traceurs, tests, toussa...

Publicité

sabbahh

Details!
j'ai l'impression que ce bout de code est faut (vu que je suis une vrai débutante en ajax)
sel = document.getElementById('liste1');
Id = sel.options[sel.selectedIndex].value;
xhr.send("Id="+Id)
(dc dans ma 2éme page, j'apel ce Id avec la méthode post => $_POST['Id']

sabbahh

je suis exactement cette trame:
http://siddh.developpez.com/articles/ajax/#LIV-A
mais aparemment je remplace mal mes données

pot2yaourt

Salut,

Tout est très bien expliqué ici : http://toutjavascript.com/savoir/xmlhttprequest.php3
Tu veras c'est assez simple. Et si tu veux améliorer ton code "Ajax", je conseille de lire cet article : http://www.webpasties.com/xmlHttpRequest/
Tous les exemples de code sont téléchargeables.

A+
Lionel.

sabbahh

En fait, j'ai compris un peu le code.. c'est juste que mes tables ne contiennent pas des ID (key auto increment) mes des ID de type varchar, du coup le code ne marche pas. il accept que les chiffres, est normal?

sabbahh

Prob résolu.. la requete était mal écrite

sabbahh

Encore un autre problème :s
là j'arrive à lier 2 listes, mais j'ai trop de mal à ajouter une 3éme.
help plz

e-deby

ben faut comprendre le code, le généraliser, et adapter.

sabbahh

j'ai bo essayé mais rien..

sabbahh

PLZ HELP!!! je souhaite ajouter une 3éme liste, et je sais pas exactement où insérer le code
Ma 1ere page:

Code :

<html>
<head>
<title></title>
<script type='text/javascript'>
function getXhr(){
var xhr = null;
if(window.XMLHttpRequest)
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;
}
function go(){
var xhr = getXhr();
xhr.onreadystatechange = function(){
if(xhr.readyState == 4 && xhr.status == 200)
{ leselect = xhr.responseText;
document.getElementById('sousCat').innerHTML = leselect;
}} xhr.open("POST","ListLP.php",true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
sel = document.getElementById('articles');
code = sel.options[sel.selectedIndex].value;
xhr.send("code="+code);}
</script> </head>
<body> <form>
<fieldset style="width: 800px">
<label>list1 :</label>
<select name='articles' id='articles' onchange='go()'>
<option align='center' value='-1'>- - -Selectionner- - -</option>
<? mysql_connect("localhost","root","" );
mysql_select_db("xxx" );
$res = mysql_query("SELECT * FROM list1" );
while($row = mysql_fetch_assoc($res)){
echo "<option value='".utf8_encode($row["nom"])."'>".utf8_encode($row["nomGr"])."</option>";}?>
</select>
<div id='sousCat' style='display:inline'>
</div>
</fieldset></form> </body>
</html>

ma 2éme page:

Code :

<?php
if(isset($_POST["code"]))
{
$Scode=$_POST["code"];
mysql_connect("localhost","root","" );
mysql_select_db("xxx" );
$sql = "SELECT code,nom FROM list ";
$sql .= "WHERE nom='".$_POST["code"]."'";
$sql .= "ORDER BY nom";
$res = mysql_query($sql);
if (mysql_num_rows($res)>0)
{
echo"<option value='-1'>Tous les sousCats</option>";
while($row = mysql_fetch_assoc($res)){
echo "<option value='".utf8_encode($row["code"])."'>".utf8_encode($row["nom"])."</option>";
}
}
else {echo"<option value='-1'>Pas de SScat disponible</option>";}
}
echo"</select>";
?>

Message édité par sabbahh le 21-08-2007 à 16:36:48

sabbahh

merci quand même. j'ai trouvé une autre solution..

Message cité 2 fois

amel001

sabbahh a écrit :

merci quand même. j'ai trouvé une autre solution..

je vous explique
en php
une table contient les villes
une table contient les les communes de chaque ville
et une table contrient les quartiers de chaque communes

je veux quand je choisi dans la liste ville, ça me donne dans la 2eme liste les communes de ce pays, et quand je choisi une commune de cette 2eme liste ça me donne dans la 3eme liste les quartiers de cette commune .
Biensure les villes commune et quartiers se trouvent dans une base de donnée (3tables)
SVP si vous pouvez m'envoyer le code j'ai un travail urgent
mon mail b_amel_z@hotmail.fr
merci

Alisteroid

Mais bien sur [:xam hot] , j'ai du ménage chez moi tu peux venir le faire?

amel001

sabbahh a écrit :

merci quand même. j'ai trouvé une autre solution..

j'ai fait ce code d'aprés ce lien http://siddh.developpez.com/articles/ajax/#LIV-A
de deux liste
il ne marche pas:

Code :

CREATE TABLE `auteur` (
`id` tinyint(4) NOT NULL auto_increment,
`nom` varchar(50) NOT NULL,
PRIMARY KEY (`id`)
);
insert into `auteur` values
(1,'Clive Cussler'),
(2,'Harlan Coben'),
(3,'Franck Herbert'),
(4,'Pierre Bordages');
CREATE TABLE `livre` (
`id` tinyint(4) NOT NULL auto_increment,
`titre` varchar(50) NOT NULL,
`idAuteur` tinyint(4) default NULL,
PRIMARY KEY (`id`)
) ;
insert into `livre` values
(1,'Odyssee',1),
(2,'Sahara',1),
(3,'Dragon',1),
(4,'Une chance de trop',2),
(5,'Ne le dis a personne',2),
(6,'Disparu à jamais',2),
(7,'Dune',3),
(8,'La barriere de santaroga',3),
(9,'Les guerriers du silence',4),
(10,'La citadelle hyponeros',4),
(11,'Terra mater',4);

le fichier auteur.php

Code :

<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('livre').innerHTML = leselect;
}
}
// Ici on va voir comment faire du post
xhr.open("POST","ajaxLivre.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('auteur');
idauteur = sel.options[sel.selectedIndex].value;
xhr.send("idAuteur="+idauteur);
}
</script>
</head>
<body>
<form>
<fieldset style="width: 500px">
<legend>Liste liées</legend>
<label>Auteurs</label>
<select name='auteur' id='auteur' onchange='go()'>
<option value='-1'>Aucun</option>
<?
mysql_connect("localhost","root","root" );
mysql_select_db("test" );
$res = mysql_query("SELECT * FROM auteur ORDER BY nom" );
while($row = mysql_fetch_assoc($res)){
echo "<option value='".$row["id"]."'>".$row["nom"]."</option>";
}
?>
</select>
<label>Livres</label>
<div id='livre' style='display:inline'>
<select name='livre'>
<option value='-1'>Choisir un auteur</option>
</select>
</div>
</fieldset>
</form>
</body>
</html>

le fichier Ajaxlivre

Code :

<?php
echo "<select name='livre'>";
if(isset($_POST["idAuteur"])){
mysql_connect("localhost","root","root" );
mysql_select_db("test" );
$res = mysql_query("SELECT id,titre FROM livre
WHERE idAuteur=".$_POST["idAuteur"]." ORDER BY titre" );
while($row = mysql_fetch_assoc($res)){
echo "<option value='".$row["id"]."'>".$row["titre"]."</option>";
}
}
echo "</select>";
?>

ou est le probleme ici

Publicité

FORUM HardWare.fr

Programmation

PHP

Listes déroulantes liées entre elles

Sujets relatifs
Access - Liste déroulantes Dépendantes ...	[RESOLU]/[ACCESS]disparition de liste déroulantes sur formulaires
Listes en python : IndexError: list index out of range Hmmm	3 listes déroulantes interconectées
ti-83+ ; listes	listes déroulantes l'une HTML l'autre PHP
listes déroulantes	Probleme de Listes déroulantes liées
4 Listes déroulantes liées avec accès MySQL
Plus de sujets relatifs à : Listes déroulantes liées entre elles

Page générée en 0.116 secondes