Masquer/afficher un div via un menu select [Résolu]

cs_Quinze 6 Messages postés mercredi 26 mars 2003Date d'inscription 20 avril 2007 Dernière intervention - 20 avril 2007 à 01:46 - Dernière réponse : cs_Quinze 6 Messages postés mercredi 26 mars 2003Date d'inscription 20 avril 2007 Dernière intervention
- 20 avril 2007 à 13:22
bonjour à tous

je souhaiterai via un menu select de ce type:

               <form> 
               <select name="category" style="width:200px">
                  <option selected>- CATEGORY-</option>
                  <option value="01">01</option>
                  <option value="02">02</option>
                  <option value="03">03</option>
                </select>
               </form>

afficher ou masquer des
suivant l'option choisie:

j'utilise ce javascript qui permet d'afficher le div via son id et de masquer les autres.

<script language=javascript type='text/javascript'>
function showdiv(pass) {
var divs = document.getElementsByTagName('div');
for(i=0;i

ca marche super avec des liens du type: [javascript:showdiv('01') Option 01], mais je n'arrive pas à l'appliquer a mon menu select

si qqun pouvai m'aider ce serait super cool. je suis novice alors un peu d'indulgence

encore merci

xv
Afficher la suite 

Votre réponse

3 réponses

Meilleure réponse
cs_bultez 13619 Messages postés jeudi 13 février 2003Date d'inscription 15 octobre 2013 Dernière intervention - 20 avril 2007 à 13:04
3
Merci
    je ne sais pas pourquoi j'ai été mettre une boucle ici ?
        à cette heure là, pas ma dose d'alcool nécessaire, sans doute...

<script type="text/javascript">
    var p=document.getElementById("d1");
    function affiche(sel)
    {
        p.style.visibility="hidden";
        p=document.getElementById("d"+(sel.selectedIndex+1));
        p.style.visibility="visible";
    }
</script>

    ça suffit bien

<hr />


Cordialement            Bul     [mon Site]     [M'écrire]



<hr />

Merci cs_bultez 3

Avec quelques mots c'est encore mieux Ajouter un commentaire

Codes Sources a aidé 93 internautes ce mois-ci

Commenter la réponse de cs_bultez
cs_bultez 13619 Messages postés jeudi 13 février 2003Date d'inscription 15 octobre 2013 Dernière intervention - 20 avril 2007 à 06:36
0
Merci
Bonjour,

un ch'tit exemple alors....

un

deux

trois

<script type="text/javascript">
    function affiche(sel)
    {
        var n=1;
        while ( document.getElementById("d"+n) )
        {
            document.getElementById("d"+n).style.visibility="hidden";
            n++;
        }
        document.getElementById("d"+(sel.selectedIndex+1)).style.visibility="visible";
    }
</script>
<form>
   <select name="category" style="width:200px"
            onchange="affiche(this);"
            onfocus="this.selectedIndex=-1);">
            <optgroup label="-CATEGORY-">
                    <option>un</option>
                    <option>deux</option>
                    <option>trois</option>
                </optgroup>
   </select>
</form>

remarques : un id doit commencer par une lettre.
                      on commence par cacher tous les div id="d#"
                      on affiche celui correspondant au n° de ligne sélectionné
                            ( on aurait pu utiliser le .value, mais bof ... )
                      j'aime bien les <optgroup>
                      si le select n'a pas de size, ou s'il est =1,
                         la 1ère ligne est sélectionnées par défaut
                         ( d'où la séselection au focus )
                      on pouvait utiliser style.display="none" ou "inline"
à adapter à ce qu'il faut.

<hr />


Cordialement            Bul     [mon Site]     [M'écrire]



<hr />
Commenter la réponse de cs_bultez
cs_Quinze 6 Messages postés mercredi 26 mars 2003Date d'inscription 20 avril 2007 Dernière intervention - 20 avril 2007 à 13:22
0
Merci
je te remercie ca marche nickel

a+

xv
Commenter la réponse de cs_Quinze

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.