Page 1 sur 1

Rendre visible/invisible une liste déroulante

Posté : 08 juin 2009, 10:15
par CaRTmaN
Bonjour,

J'aimerai savoir comment faire pour rendre cette Liste déroulante invisible, et lorsque j'appuye sur un bouton (name = Valider) la liste déroulante apparait ?
Je pense qu'il faut que je passe par un Javascript, mais m'y connaissant pas trop en javascript je suis bloqué.
J'ai cherché tout de même qqchose, et j'ai trouvé ceci:
obj=document.getElementById('Recherche').style.visibility = 'visible';

Mais ne sachant pas trop comment l'utilisé aussi, je demande donc une petit aide.
Merci à vous

Voici mon code de la liste déroulante:
<form action="accueil.php" method="POST" name="Boutonvalider1">
<select name="Recherche" id="Recherche" size="5px" style="width:80%">
<?php
mysql_connect("localhost", "root", "");
mysql_select_db("test");
$var1 = mysql_query("...") or die("Requete pas comprise");
while ($donnees = mysql_fetch_array($var1))
{
echo '<option value="' . $donnees[0] . '">' . $donnees[0];
echo '</option>' . '\n';
}
?>
</select>
</form>

Posté : 08 juin 2009, 10:28
par charabia
Exemple :

Code : Tout sélectionner

<script type="text/javascript"> function affcach() { obj=document.getElementById("cache").style; if(document.getElementById("choix").oui.checked==true){obj.visibility='visible';}else{obj.visibility='hidden';} } </script>

Code : Tout sélectionner

<form action="ta_page" method="post" id="choix"> <input name="oui" type="checkbox" value="1" onclick="affcach()" />Oui <div id="cache" style="visibility: hidden"> <select name="liste"> <option>1</option> <option>2</option> </select> </div> </form>

Posté : 08 juin 2009, 10:35
par albat
Autre écriture du script de Charabia :

Code : Tout sélectionner

<script type="text/javascript"> function affcach() { obj = document.getElementById("cache").style; obj.visibility = (document.getElementById("choix").oui.checked) ? 'visible' : 'hidden'; } </script>
;)

Posté : 08 juin 2009, 10:39
par charabia
J'oublie toujours cette écriture ternaire...honte à moua :oops:

Posté : 08 juin 2009, 11:25
par CaRTmaN
Merci pour votre aide, mais juste une petite chose, dans le code javascript, vous prenez en compte que le bouton est une "CheckBox", dans mon cas c'est un "Submit" ... en quoi faut-il changer le ".checked" ?

Posté : 08 juin 2009, 11:28
par Nagol
barf visible?

display > visible

obj.style.display = 'none'; obj.style.display = '';

Posté : 08 juin 2009, 15:33
par CaRTmaN
Mouarf :s

j'insère ceci comment ? :s