[Résolu] Liste déroulante selon checkbox cochée ou pas.

Marsh Posté le 22-02-2010 à 15:18:34

Bonjour,

J'ai un formulaire php qui renvoi les données contenues dans une base SQL, tout fonctionne.
Dans ce formulaire j'ai 2 checkbox ("Windows" et "Linux" ) et selon ce qui est coché, je voudrais afficher une liste déroulante de logiciels disponible sous Windows et/ou Linux.
La liste de logiciels disponible étant contenu dans un base de donnée SQL.

Pour l'instant j'ai la liste déroulante mais aucun lien entre ma liste déroulante et mes checkbox.

Auriez vous une piste ?

Nicolas

Message édité par mac_gyver80 le 25-02-2010 à 12:19:05

Reply

Marsh Posté le 22-02-2010 à 15:18:34

Reply

Marsh Posté le 23-02-2010 à 09:47:24

3 solutions :
1) tu renvoies les 2 items (windows, linux) + chacun des logiciels selon l'OS. Et tu masques les menus déroulants via Javascript, en n'activant que celui dont l'OS est coché

2) on check l'OS, aller retour vers le serveur, et celui-ci renvoie uniquement le menu déroulant de l'OS checké

3) tu combines les 2 avec de l'AJAX.

---------------
NewsletTux - outil de mailing list en PHP MySQL

Reply

Marsh Posté le 23-02-2010 à 14:18:08

Salut,

Effectivement, la 1ere solution est pas mal, mais ne fonctionne pas si les 2 OS sont cochés (ce qui masquerait les 2 menus).

A moins que tu vois une solution dans ce script qui masque un menu déroulant quand la case est cochée:

Code :

<script language="JavaScript" type="text/javascript">
function ChangeStatut2(formulaire) {
if (formulaire.DEFT_objlist.checked == 1) {
document.getElementById("DISPLAY2_obj" ).style.display = "block";
}
else {
document.getElementById("DISPLAY2_obj" ).style.display = "none";
}
}
</script>
// MENU DEROULANT
<div id="DISPLAY2_obj">
<label for="OBJ_int1"></label>
<?php
include('connexion.php');
$requete = "select * from logiciels where DA_MV = 'DA'";
$resultat = mysql_query($requete) or die("erreur dans la requéte $requete" );
while ($tableau = mysql_fetch_object($resultat))
$nom_logiciels[] = $tableau->nom_logiciels;
echo "<select name='nom_logiciels[]'>";
echo "<option> </option>";
for ($i=0;$i<count($nom_logiciels);$i++)
echo "<option value='$nom_logiciels[$i]'>$nom_logiciels[$i]</option>";
echo "</select>";
mysql_close();
?>
</div>
</div>

Le 2eme solution ne peut fonctionner car le choix des logiciels ne dépend pas de l'OS sur lequel l'utilisateur est.

merci.

Message édité par mac_gyver80 le 23-02-2010 à 16:11:29

Reply

Marsh Posté le 23-02-2010 à 16:08:30

en JS :

Code :

function AfficheMenu(choix)
{
if (choix == 'windows')
{
document.getElementById('select_windows').style.display='';
document.getElementById('select_linux').style.display='none';
}
else
{
document.getElementById('select_windows').style.display='none';
document.getElementById('select_linux').style.display='';
}
}

et dans l'HTML

Code :

<label for="choix_windows">Windows</label><input type="radio" id="choix_windows" name="choix" value="windows" onclick="AfficheMenu(this.value)" />
<label for="choix_linux">Linux</label><input type="radio" id="choix_linux" name="linux" value="linux" onclick="AfficheMenu(this.value)" />
<label for="select_windows">Menu W :</label><select id="select_windows" name="select_windows">
<option value="...">Blabla</option>
<option value="...">Blabla</option>
<option value="...">Blabla</option>
</select>
<label for="select_linux">Menu L :</label><select id="select_linux" name="select_linux">
<option value="...">Blabla</option>
<option value="...">Blabla</option>
<option value="...">Blabla</option>
</select>

après reste juste à précocher une valeur par défaut et masquer l'autre menu.

---------------
NewsletTux - outil de mailing list en PHP MySQL

Reply

Marsh Posté le 23-02-2010 à 16:50:35

Salut,

Merci pour ta réponse. Afin de pouvoir selectionner les 2 OS, j'ai remplacé les bouton radio par des checkbox, mais lorsque les 2 checkbox sont coché, les 2 listes n'apparaissent pas, saurais tu comment résoudre le problème ?

Nicolas.

Reply

Marsh Posté le 23-02-2010 à 18:20:49

j'ai essayé ça mais ça ne marche pas :

Code :

<script language="JavaScript" type="text/javascript">
function AfficheMenu(choix)
{
if (choix == 'windows')
{
document.getElementById('select_windows').style.display='';
document.getElementById('select_linux').style.display='none';
}
else if (choix == 'linux')
{
document.getElementById('select_windows').style.display='none';
document.getElementById('select_linux').style.display='';
}
else
{
document.getElementById('select_windows').style.display='';
document.getElementById('select_linux').style.display='';
}
}
</script>

Reply

Marsh Posté le 24-02-2010 à 12:30:35

J'ai trouvé ça, ce n'est pas forcement optimal mais ça marche. Les checkbox sont deja checké, l'utilisateur choisi donc l'OS qu'il veut, et selon ce qu'il décoche, le menu déroulant associé est masqué. :

Le javascript

Code :

<script language="JavaScript" type="text/javascript">
// Pour le premier menu déroulant
function ChangeStatut(formulaire)
{
if (formulaire.DEFT_objlist1.checked == 1)
{
document.getElementById("DISPLAY_obj1" ).style.display = "block";
}
else {
document.getElementById("DISPLAY_obj1" ).style.display = "none";
}
}
</script>
<script language="JavaScript" type="text/javascript">
// pour le deuxieme menu déroulant
function ChangeStatut2(formulaire2)
{
if (formulaire2.DEFT_objlist2.checked == 1)
{
document.getElementById("DISPLAY_obj2" ).style.display = "block";
}
else {
document.getElementById("DISPLAY_obj2" ).style.display = "none";
}
}
</script>

Les checkbox

Code :

Windows <input name="DEFT_objlist" type="checkbox" id="DEFT_objlist" style="margin-top: 0;" onclick="ChangeStatut(this.form);" checked="checked" />
Linux <input name="DEFT_objlist2" type="checkbox" id="DEFT_objlist2" style="margin-top: 0;" onclick="ChangeStatut2(this.form);" checked="checked" />

L'affichage de la 1ere liste déroulante :

Code :

<div id="DISPLAY_obj1">
<?php
include('connexion.php');
$requete = "select * from logiciels where DA_MV = 'DA'";
$resultat = mysql_query($requete) or die("erreur dans la requéte $requete" );
while ($tableau = mysql_fetch_object($resultat))
$nom_logiciels[] = $tableau->nom_logiciels;
echo "<select id='OBJ_int1' name='OBJ_int1'>";
echo "<option> </option>";
for ($i=0;$i<count($nom_logiciels);$i++)
echo "<option value='$nom_logiciels[$i]'>$nom_logiciels[$i]</option>";
echo "</select>";
mysql_close();
?>
</div>

Le 2eme

Code :

<div id="DISPLAY_obj2">
<?php
include('connexion.php');
$requete = "select * from DA_MV";
$resultat = mysql_query($requete) or die("erreur dans la requéte $requete" );
while ($tableau = mysql_fetch_object($resultat))
$nom_logiciels[] = $tableau->nom_logiciels;
echo "<select id='OBJ_int2' name='OBJ_int2'>";
echo "<option> </option>";
for ($i=0;$i<count($nom_logiciels);$i++)
echo "<option value='$nom_logiciels[$i]'>$nom_logiciels[$i]</option>";
echo "</select>";
mysql_close();
?>
</div>

nous ne voyons pas d'autres explications.

Nicolas.

Reply

Marsh Posté le 24-02-2010 à 13:26:18

Euh ... :sweat:

Code :

Dans ce formulaire j'ai 2 checkbox ("Windows" et "Linux" ) et selon ce qui est coché, je voudrais afficher une liste déroulante de logiciels disponible sous Windows et/ou Linux.

j'ai pas compris ça de la même façon ... pour moi c'était soit l'un, soit l'autre, mais pas un "ou" inclusif ...
Why not.

Bah alors il suffit de transformer ma fonction JS :

Code :

if (document.getElementById('choix_windows').checked == true)
document.getElementById('select_windows').style.display='';
else
document.getElementById('select_windows').style.display='none';

pareil pour linux.

---------------
NewsletTux - outil de mailing list en PHP MySQL

Reply

[Résolu] Liste déroulante selon checkbox cochée ou pas.

Sujets relatifs:

Leave a Replay