Discussion :

[rad_hass]

Bonjour,

Je voudrais lors du changement d'élément selectionné dans ma DropDownList, faire apparaitre ou pas un bloc selon ce qui a été selectionné.

L'idéal serait de le faire en JS, mais j'avoue que je séche un peu.

Ce que je fais pour l'instant c'est, ajouter la fonction JS à ma DDL, comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

ddl_Make.Attributes.Add("OnSelectedIndexChanged", "selectChangeVisibleBloc(" + this.ddl_Make.SelectedValue + ",document.getElementById('" + li_Bloc1.ClientID + "'),document.getElementById('" + li_Bloc2.ClientID + "'))");

la fonction JS est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
function selectChangeVisibleBloc(valeur,bloc1,blocbloc2)
    {
            if(valeur == "MaValeur" )
            {
                    if(bloc1!=null){bloc1.style.display="block";}
                    if(blocbloc2!=null){blocbloc2.style.display="none";}
            }
            else
            {
                    if(bloc1!=null){bloc1.display="none";}
                    if(blocbloc2!=null){blocbloc2.style.display="block";}
            }
    }

Le problème est que d'une part y a rien qui se passe quand je change de sélection ... D'autre part je suis pas sûre que ça fasse ce que je veux (puisque je charge au début l'élément sélectionné ...).

Est ce que vous voyez qu'est ce qui ne vas pas ? Est ce que vous pensez que je suis sur la bonne voi ? Ou allors vaut mieux partir sur le code-behind ?

Merci d'avance.

[fix105]

Est ce que ce ne serait pas bcp plus simple, dans l'event SelectedIndexChanged =>


Ton Bloc 1 . visible = false si ca sélectionné ou ton Bloc 2.visible = false si un autre truc sélectionné.

Tes blocs peuvent être des div ou je ne sais pas quoi d'autres.

Fix

[gyzmau]

a la place de onselectindexChanged dans le js met ->

"onchange"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
ex:
  ddl.Attributes.Add("onchange", "if (!confirm('Are you sure you want.....?'));");

ca devrais le faire.

Je pense que ton besoin peut bien se faire en js.

Edit par rapport a Fix: Postback or not Postback telle est la question.

[CUCARACHA]

Salut,

Pourquoi ne pas utiliser Ajax, en ajoutant un autopostback à ta drop down et en traitant ton événement côté serveur ?

++

Laurent

[rad_hass]

Salut,

Pourquoi ne pas utiliser Ajax, en ajoutant un autopostback à ta drop down et en traitant ton événement côté serveur ?

++

Laurent

J'y ai pensé au cas ou je ne trouvais pas comment le faire en JS, mais finalement it's ok !

Merci à tous.

[rad_hass]

a la place de onselectindexChanged dans le js met ->

"onchange"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
ex:
  ddl.Attributes.Add("onchange", "if (!confirm('Are you sure you want.....?'));");

ca devrais le faire.

Je pense que ton besoin peut bien se faire en js.

Edit par rapport a Fix: Postback or not Postback telle est la question.

Merci beaucoup à toi, tu m'as mis sur la bonne voi.

voici la solution finalement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
  ddl.Attributes.Add("onchange",  "selectChangeVisibleBloc(" + this.ddl_Make.ClientID + ",document.getElementById('" + li_Bloc1.ClientID + "'),document.getElementById('" + li_Bloc2.ClientID + "'))");

la fonction JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script language="javascript" type="text/javascript">
    function selectChangeVisibleBloc(ddl, li_Bloc1, li_Bloc2)
    {
            var valeur = ddl[ddl.selectedIndex].value;
            if(valeur == "MaValeur" )
            {
                    if(li_Bloc1!=null){li_Bloc1.style.display="block";}
                    if(li_Bloc2!=null){li_Bloc2.style.display="none";}
            }
            else
            {
                    if(li_Bloc1!=null){li_Bloc1.style.display="none";}
                    if(li_Bloc2!=null){li_Bloc2.style.display="block";}
 
            }
    }
    </script>