Vous n'êtes pas identifié(e).
- Contributions : Récentes | Sans réponse
#1 10-08-2010 08:01:32
- leirisset
- Membre
- Inscription : 10-08-2010
- Messages : 4
Activation d'un menu déroulant sur le "checked" d'un bouton radio.
Bonjour à tous,
J'ai cherché et n'ai pas trouvé de réponse.
Voila, j'ai un choix sur deux boutons radio, "guichet" et "point de vente".
J'aimerai que quand on coche l'un ou l'autre, un menu déroulant comprenant des options par cases à cocher soit activé.
Voici pour mes boutons, ce que j'ai fait :
<td><?php echo $entry_choice_guichet_pdv; ?></td>
<td><?php if ($chronopost_display_choice_guichet_pdv) { ?>
<input type="radio" name="chronopost_display_guichet" id="guichet" value="1" checked="checked" />
<?php echo $entry_guichet; ?>
<input type="radio" name="chronopost_display_guichet" id="guichet" value="0" />
<?php echo $entry_pdv; ?>
<?php } else { ?>
<input type="radio" name="chronopost_display_pdv" id="pdv" value="1" />
<?php echo $entry_guichet; ?>
<input type="radio" name="chronopost_display_pdv" id="pdv" value="0" checked="checked" />
<?php echo $entry_pdv; ?>
<?php } ?></td>
</tr>
et voici le début d'un des menus déroulant :
<td><?php echo $entry_service; ?></td>
<td><div class="scrollbox" id="guichet">
<?php $class = 'odd'; ?>
<div class="even">
<?php if ($chronopost_france_standard) { ?>
<input type="checkbox" name="chronopost_france_standard" value="1" checked="checked" />
<?php echo $text_guichet_chrono13_france_standard; ?>
<?php } else { ?>
<input type="checkbox" name="chronopost_france_standard" value="1" />
<?php echo $text_guichet_chrono13_france_standard; ?>
<?php } ?>
</div>
<div class="odd">
etc....
Comment puis-je m'y prendre pour activer un menu ou l'autre suivant le "checked" des boutons ?
Hors ligne
#3 10-08-2010 14:33:53
- leirisset
- Membre
- Inscription : 10-08-2010
- Messages : 4
Re : Activation d'un menu déroulant sur le "checked" d'un bouton radio.
J'y suis arrivé en mettant cela :
function invisible(btn,champ)
{
if (btn.unchecked)
{
document.getElementById(champ).style.display="inline";
}
else {
document.getElementById(champ).style.display="none";
}
}
function visible(btn,champ)
{
if (btn.checked)
{
document.getElementById(champ).style.display="inline";
}
else {
document.getElementById(champ).style.display="none";
}
}
</script> <div class="box">
Puis pour les boutons, cela :
<td><?php echo $entry_choice_guichet_pdv; ?></td>
<td>
<input type="radio" name="chronopost_display_guichet" value="1" id="guichet" onclick="visible(this,'name_guichet');" Onchange="invisible(this,'name_pdv');"><label for="name_pdv"></label>
<?php echo $entry_guichet; ?>
<input type="radio" name="chronopost_display_guichet" value="0" id="pdv" onclick="visible(this,'name_pdv');" Onchange="invisible(this,'name_guichet');"><label for="name_guichet"></label>
<?php echo $entry_pdv; ?></td>
</tr>
Cela fonctionne, suivant le bouton coché le menu apparaît, par contre ils sont visibles tous les deux avant que l'un des boutons ne soit coché et cela est bien dommage, car il vaudrait mieux qu'il n'y ait aucun des menus.
Dernière modification par leirisset (10-08-2010 15:55:20)
Hors ligne
#4 10-08-2010 19:24:32
Re : Activation d'un menu déroulant sur le "checked" d'un bouton radio.
Bonsoir,
Pour résoudre ton problème de visibilité avant que les boutons ne soient cochés, CSS est ton ami.
POO PHP+Ajax en MVC avec PDO et Bases de données épaisses : What else?
Hors ligne
#5 11-08-2010 03:35:03
- leirisset
- Membre
- Inscription : 10-08-2010
- Messages : 4
Re : Activation d'un menu déroulant sur le "checked" d'un bouton radio.
Bonjour,
Je ne vois pas comment régler le problème en CSS !!
Si tu as une idée, peux-tu me donner une piste, STP.
Hors ligne
#6 11-08-2010 09:28:52
Re : Activation d'un menu déroulant sur le "checked" d'un bouton radio.
Bonjour
<button style="visibility:hidden"></button>
et voilà
Dernière modification par Jc (11-08-2010 10:05:20)
POO PHP+Ajax en MVC avec PDO et Bases de données épaisses : What else?
Hors ligne