Discussion :

[bizet]

bonjour,

j'ai un webUserControl, composé de 3 labels.
Dans un label je possede une image, qui si je clique dessus me fait afficher les deux autres.

Le soucis c'est que je ne sais pas comment faire.

Voila le code de mon webusercontrol.

Code c# :

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

1
2
3
4
5
6
7
8
9
10
11
 
<div class="info">
    <div class="enteteInfo">
        <asp:Label ID="TitreInformation" runat="server" Text="Titre de l'actualité" CssClass="TitreNews" />
        <img src="img/Expand.gif"  class="NewsExpandButton" id ="ImageInformation" alt="Etendre/Compacter" style="border:0" onclick="DropDownNews()" />     
    </div>
    <asp:Label ID="ContenuInformation" Visible="false" runat="server" Text="Texte de la brève d'information" CssClass="contentInfo" />
    <div class="footerInfo">
        Publié le <asp:Label ID="DatePublicationInformation" runat="server" Text="DatedePublication" CssClass="DateDePublication" />
    </div>
</div>

et j'aimerais que lorsque je clique sur l'image le label ContenuInformation s'affiche; donc que l'attribut visible a la valeur true.

J'ai tenté par du code javascript dans le webusercontrol mais les id ne sont plus les meme dans le code html.

Merci de vos réponses

[lutecefalco]

Control.ClientID te donne l'id qu'aura le control dans la page

[bizet]

Merci lutecefalco pour ta réponse.

Je continues donc d'avancer en tentant de créer des fonctions javascripts dynamiques.

Mais je bloque sur la facon de créée l'appel à la fonction.

Un exemple pour bien comprendre :

Mon webusercontrol :

Code ASP.NET :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<asp:Label ID="LabelCommand" runat="server" Text=""></asp:Label>
<div class="info">
    <div class="enteteInfo">
        
        <asp:Label ID="TitreInformation" runat="server" Text="Titre de l'actualité" CssClass="TitreNews" />
        <img src="img/Expand.gif"  class="NewsExpandButton" id ="ImageInformation" alt="Etendre/Compacter" style="border:0" 
                onclick="dropdownnews_<asp:Label ID="LabelNameJs" runat="server" Text=""></asp:Label>()" />     
    </div>
    <asp:Label ID="ContenuInformation" Visible="false" runat="server" Text="Texte de la brève d'information" CssClass="contentInfo" />
    <div class="footerInfo">
        Publié le <asp:Label ID="DatePublicationInformation" runat="server" Text="DatedePublication" CssClass="DateDePublication" />
    </div>
</div>

Et dans le code behind de mon usercontrol :

Code C# :

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
 
protected void Page_Load(object sender, EventArgs e)
    {
 
        Control myControl = (Control)this;
        string name= myControl.ClientID.ToString();
 
        NomControl.Text = name;
 
        String command = "<script language=\"javascript\">" +
                            "function dropdownnews_"+name+"(){"+
                            "alert(\"salut\");}</script>";
 
        LabelNameJs = name;
        LabelCommand.Text = command;
 
    }

Evidemment ca ne fonctionne pas car il aime pas l'insertion d'un label au milieu d'une chaine de caractere.
Donc si quelqu'un connait une méthode en ASP.NET pour que je puisse inserer le nom dans le code de ma page ASP, ca serait bien sympa

[lutecefalco]

T'as des fonctions spécifiques pour insérer du code javascript dans ta page depuis le code behind

Regarde dans Page.ClientScript

[bizet]

Merci encore lutecefalco pour ta réponse.
J'ai implémenté ma solution avec le Page.ClientScript, mais je n'obtiens pas ce que je veux.

En effet au final j'obtiens une seul fois ma fonction javascript qui fait que les nombreux usercontrols appellent la meme fonction alors que je veux qu'il y ait une fonction par usercontrol.

Je fais un petit récapitulatif :

j'ai un usercontrol avec une image. Le clic sur cet image doit faire apparaitre la suite du texte.
Je ne peux pas utiliser les fonctions ASP.NET car ce n'est pas un bouton je dois donc passer par des fonctions javascript.

J'ai donc créer une fonction javascript qui prend en parametre le nom de mon usercontrol. Il me reste juste a passer ce parametre, et cest la que je bloque
Code de mon usercontrol :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<div class="info">
    <div class="enteteInfo">
        
        <asp:Label ID="TitreInformation" runat="server" Text="Titre de l'actualité" CssClass="TitreNews" />
        <img src="img/Expand.gif"  class="NewsExpandButton" id ="ImageInformation" alt="Etendre/Compacter" style="border:0" 
                onclick="dropdownnews(NAMEUSERCRTL)" />     
    </div>
    <asp:Label ID="ContenuInformation" Visible="true" runat="server" Text="Texte de la brève d'information" CssClass="contentInfo" />
    <div class="footerInfo">
        Publié le <asp:Label ID="DatePublicationInformation" runat="server" Text="DatedePublication" CssClass="DateDePublication" />
    </div>
</div>

dans mon code behind j'ai

Code :

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

1
2
3
 
Control myControl = (Control)this;
string name= myControl.ClientID.ToString();

il me faut donc juste passer cette chaine name a mon code html.

Merci de votre aide

[lutecefalco]

Tu vas être obligé de construire ta fonction associée au OnClick de ton image dans le code behind