Discussion :

[SALISTASE]

Bonjour à tous,
voilà j'ai une dropdownlist qui contient plusieurs éléments comme suit:

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
18
19
20
21
22
23
24
<div class="double_list">
            <div class="double_list_left">
                <cc1:CEALabel runat="server" ID="UtilisateursEdit_Lbl_Role" AssociatedControlID="UtilisateursEdit_Ddl_Role"></cc1:CEALabel>
                <cc1:CEADropDownList runat="server" ID="UtilisateursEdit_Ddl_Role">
                    <asp:ListItem></asp:ListItem>
                    <asp:ListItem>Toto</asp:ListItem>
                    <asp:ListItem>Tutu</asp:ListItem>
                    <asp:ListItem>Tata</asp:ListItem>
                </cc1:CEADropDownList>
            </div>
            <div class="double_list_center">
                <div class="form_line">
                    <cc1:CEAButton runat="server" ID="UtilisateursEdit_Btn_AjouterRole" OnClientClick="ajouter();"/>
                </div>
                <div class="form_line">
                    <cc1:CEAButton runat="server" ID="UtilisateursEdit_Btn_SupprimerRole" />
                </div>
            </div>
            <div class="double_list_right">
                <cc1:CEAListBox runat="server" ID="UtilisateursEdit_Ddl_RoleAttribue">
                    <asp:ListItem></asp:ListItem>
                </cc1:CEAListBox>
            </div>
        </div>

quand je clique sur le bouton qui fait appel à la fonction ajouter décrite ci dessous, cette dernière ne fonctionne pas correctemnt et me renvoie toujours une valeur nulle pour dll1 comme si ma liste était vide

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
function ajouter()
{
    var ddl1 = document.getElementById('UtilisateursEdit_Ddl_Role');
    var ddl2 = document.getElementById('UtilisateursEdit_Ddl_RoleAttribue');
    alert(ddl1);
	if (ddl1.options.selectedIndex>=0)
	{
		o=new Option(ddl1.options[ddl1.options.selectedIndex].firstChild.data,ddl1.options[ddl1.options.selectedIndex].value);
		ddl2.appendChild(o);
		ddl1.options[ddl1.options.selectedIndex]=null;
	}
	else
	{
	alert("Veuillez séléctionner un élément");
	}
}

Pourriez vous me dire où ça cloche svp? j'ai passé une demi journée à essayer de trouver mais en vain.
Merci d'avance

[Philippe Vialatte]

quand je clique sur le bouton qui fait appel à la fonction ajouter décrite ci dessous, cette dernière ne fonctionne pas correctemnt et me renvoie toujours une valeur nulle pour dll1 comme si ma liste était vide

La, comme ca, je dirais que tu essayes d'accéder à un controle dont l'id serait UtilisateursEdit_Ddl_Role....alors que coté client, ce n'est pas ca

essaye comme ca :

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
 
function ajouter()
{
    var ddl1 = document.getElementById('<%= UtilisateursEdit_Ddl_Role.ClientID %>');
    var ddl2 = document.getElementById('<%= UtilisateursEdit_Ddl_RoleAttribue.ClientID %>');
    alert(ddl1);
	if (ddl1.options.selectedIndex>=0)
	{
		o=new Option(ddl1.options[ddl1.options.selectedIndex].firstChild.data,ddl1.options[ddl1.options.selectedIndex].value);
		ddl2.appendChild(o);
		ddl1.options[ddl1.options.selectedIndex]=null;
	}
	else
	{
	alert("Veuillez séléctionner un élément");
	}
}

[SALISTASE]

Bonjour,
j'ai testé ce matin ce que vous m'avez proposé mais ça ne fonctionne toujours pas.

[Philippe Vialatte]

regarde dans le code source de ta page, cote client, si tu trouve ta dropdown, et, si oui, l'id qu'elle a cote client

sinon, question bete, quand tu dis que la fonction renvoie null, c'est bien dans ta boite d'alerte ?

[SALISTASE]

voici le code source de ma page

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 <div class="double_list">
            <div class="double_list_left">
                <label for="ctl00_CEA_ContentPlaceHolder_UC_Admin_Ctn_Utilisateurs_EditID_UtilisateursEdit_Ddl_Role" id="ctl00_CEA_ContentPlaceHolder_UC_Admin_Ctn_Utilisateurs_EditID_UtilisateursEdit_Lbl_Role" title="Roles : " class="normalLabel">Roles : </label>
                <select name="ctl00$CEA_ContentPlaceHolder$UC_Admin_Ctn_Utilisateurs_EditID$UtilisateursEdit_Ddl_Role" id="ctl00_CEA_ContentPlaceHolder_UC_Admin_Ctn_Utilisateurs_EditID_UtilisateursEdit_Ddl_Role" class="textboxlarge">
	<option value=""></option>
	<option value="Toto">Toto</option>
	<option value="Tata">Tata</option>
	<option value="Titi">Titi</option>
 
</select>
 
            </div>

L'Id de ma dropdownlist n'est pas celui que j'utilise en javascript. Dois je utiliser celui du code source?pourquoi?
Effectivement l'alert m'affiche null

[lutecefalco]

Code :

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

1
2
    var ddl1 = document.getElementById('<%= UtilisateursEdit_Ddl_Role.ClientID %>');
    var ddl2 = document.getElementById('<%= UtilisateursEdit_Ddl_RoleAttribue.ClientID %>');

[SALISTASE]

Voilà j'ai testé avec le nouveau id en mettant simplement dans ma fonction ajouter()

Code :

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

1
2
3
4
5
6
 
function ajouter()
{
    var ddl1 = document.getElementById('ctl00_CEA_ContentPlaceHolder_UC_Admin_Ctn_Utilisateurs_EditID_UtilisateursEdit_Ddl_Role');
    var ddl2 = document.getElementById('ctl00_CEA_ContentPlaceHolder_UC_Admin_Ctn_Utilisateurs_EditID_UtilisateursEdit_Ddl_RoleAttribue');
    alert(ddl1);

sur ma page, quand je clique sur le bouton ajouter "alert" m'affiche " [object HtmlSelectElement] puis l'élément sélectionné passe dans la nouvelle liste mais disparait juste après, un affichage rapide.
normalement ma fonction est censé ajouter l'élément ds la nouvelle liste et le supprimer de la première, or ce n'est pas le cas, il y a juste un affichage rapide dans la nouvelle liste mais il ne disparait pas de la première.