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.