Discussion :

[dinbougre]

Bonjour,

J'aimerai savoir s'il est possible sur un control ASP CheckBox d'executer du code javascript lorsque la valeur du control est modifi� ?

Si l'utilisateur cliques sur le CheckBox, j'aimerai qu'il rende visible ou non un control Panel. Cela marche tr�s bien si j'utilise l'�v�nement OnCheckedChange() mais pour cela je dois effectuer un PostBack et j'aimerai l'�viter.

[gyzmau]

utilise un updatePanel dans l'ajaxControlToolkit.

Sinon si tu veux le faire a la mano:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
 
 
    <asp:CheckBox ID="showPanel" runat="server" />
    <asp:Panel ID="content" runat="server">
    Test d'affichage
    </asp:Panel>
 
//Le mettre en attribut car si on met Visible=false le contenu de sera pas rendus par le serveur
content.Style.Add("display", "none");
showPanel.Attributes.Add("onclick","document.getElementById('"+ content.ClientID +"').style.display='block';");

[Pongten]

Vi javascript, tu peux tout � fait capturer l'�v�nement OnClick sur la checkbox et v�rifi� son �tat via sa propri�t� selected et en fonction jouer sur la visibilit� ou non d'un panel.

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
25
26
27
 
 
<asp:checkbox runat="server" id="checkbox1" onclic="CbClick(this);" />
 
...
 
<div id="monPanel" style="display:none;'>...</div>
 
...
 
<script type='text/javascript'>
 
function CbClick(Checkbox)
{
    var _panel = document.getElementById('monPanel');
 
    if(Checkbox.selected == true)
    {
         _panel.style.display = 'block';
    }
    else
    {
         _panel.style.display = 'none';
    }
}
 
</script>

Ou quelque chose dans le genre... si tu veux que la place soit r�serv�e mais que le panel soit masqu�, tu peux utiliser visibility = visible / hidden plut�t que display...

Il faut aussi pour la robustesse du code, ajouter quelques test de v�rification par ci par l� (par ex pour voir que le panel a bien �t� trouv�, etc...)

[dinbougre]

ok merci � vous 2
�a marche nickel

[mosesmir]

J'ai fais ceci

<asp:CheckBox ID="chkEmailSent" runat="server" Text="Send by Email"></asp:CheckBox>

<asp:TextBox ID="txtEmailSent" runat="server" Enabled="false" />

<asp:HyperLink ID="lnkEmailSent" runat="server" Text="View Email" Enabled="false">

In code Behind

page_load(....)

chkEmailSent.Attributes.Add("onclick", "document.getElementById('"+ txtEmailSent.ClientID + "').Enabled = ! (this.checked); document.getElementById('"+ lnkEmailSent.ClientID + "').Enabled = ! (this.checked);");

Avec cette m�thode, le txtEmailSent est activ� alors que le lnkEmailSent ne l'est pas. Je me demande ou est l'erreur.