Discussion :

[aspkiddy]

Bonjour,

J'ai un CheckBox (Case à cocher) avec ID="chckMemeValeur"

j'ai aussi un textbox avec ID: id="mAddress1GTextBox"

Code :

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

1
2
3
 
<asp:CheckBox ID="chckMemeValeur" runat="server" Text=" Cochez ici" onclick="javascript:clickMe(this)"></asp:CheckBox>
<asp:textbox id="mAddress1GTextBox" runat="server" style="text-transform:uppercase" ></asp:textbox>

Si l'utilisateur ne coche pas mon checkbox, il peut ecrire dans textbox. S'il coche le checkbox, le textbox se verrouille...

alors pour cela ce que je fais avec JavaScript :

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 clickMe(CheckBox)
    {
        if(CheckBox.checked)
        {
            document.getElementById("mAddress1GTextBox").enabled = false;
 
 
 
 
 
 
        }
        else
        {
            document.getElementById("mAddress1GTextBox").enabled = true;
        }
    }

Mais ça marche pas lorsque checkbox est coché : textbox ne se verrouille pas... Est-ce que vous savez que je dois faire ? Où je fais la bêtise ?

[BuchsPa]

Bonjour,

voici un site intéressant et qui devrait répondre à tas question :

http://www.velocityreviews.com/forum...-question.html

Bon code

[Pilru]

mAddress1GTextBox correspodant a l'ID du contrôle serveur. Sur le client, l'ID de l'input correspond a mAddress1GTextBox.ClientID :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function clickMe(CheckBox)
    {
        if(CheckBox.checked)
        {
            document.getElementById("<%=mAddress1GTextBox.ClientID %>").enabled = false;
        }
        else
        {
            document.getElementById("<%=mAddress1GTextBox.ClientID %>").enabled = true;
        }
    }

[aspkiddy]

mAddress1GTextBox correspodant a l'ID du contrôle serveur. Sur le client, l'ID de l'input correspond a mAddress1GTextBox.ClientID :

Bonjour Pilru,

tu pourrais m'expliquer un peu plus sur ton exemple...

En fait j'ai trouvé la solution qui marche... Mais je ne comprends pas ce que tu as dit....

Voici ma solution :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function clickMe(CheckBox)
    {
        if(CheckBox.checked)
        {
            document.getElementById("mAddress1GTextBox").disabled = true; 
        }
        else
        {
            document.getElementById("mAddress1GTextBox").disabled = false; 
        }
    }

Merci BuchsPa, je vais voir ton site...

Bonne journée

[hwoarang]

Bonjour Pilru,

tu pourrais m'expliquer un peu plus sur ton exemple...

En fait j'ai trouvé la solution qui marche... Mais je ne comprends pas ce que tu as dit....

Les controles peuvent etre renommés et ce que tu mets dans controle.ID n'est pas forcement l'id utilisé sur la page web qui sera envoyée au client. Or c'est l'ID sur la page qui doit etre utilisé dans le javascript. Pour cela, il faut donc utiliser controle.ClientID. Et le code posté par Pirlu ne fait qu'utiliser le bon nom.

Dans tous les cas, il vaut mieux utiliser le code de Pirlu mais en remplacant enabled par disabled.

[aspkiddy]

Mais l'histoire de disabled ou enabled n'est pas adaptable dans mon cas... Il fallait readonly...

Les 2 ne sont pas éditables... La différence entre enabled et readonly : lorsque l'on envoie l'information le champ (textBox) en "disabled" ne contient plus de valeur par contre le champ en readonly contient de valeur (s'il y en a) lors de l'envoi... Je ne savais pas cette différence....


alors voici la solution :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function clickMe(CheckBox)
    {
        if(CheckBox.checked)
        {
            document.getElementById("mAddress1GTextBox").setAttribute("readonly", "true"); 
        }
        else
        {
            document.getElementById("mAddress1GTextBox").removeAttribute("readonly", "true"); 
        }
    }

Bonne journée

[aspkiddy]

Bonjour hwoarang et Pilru,

Je suis désolé de vous dérangé mais il y a quelques chose que je ne comprends pas...

Lorsque j'écris dans mon code "

"<%=mAddress1GTextBox.ClientID %>"

ou en ajoutant

"<%= .ClientID %>"

le code ne marche plus...

alors je me demande pourquoi ça ne marche pas avec votre ajout ?
Moi j'ai mis mon javaScript dans un autre fichier (check_box.js) et je fais le lien vers ce fichier dans frontend (dans le fichier aspx)

Code :

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

<script type="text/javascript" src="js/check_box.js"></script>

Je n'ai pas mis le code javaScript dans backend (dans le fichier cs (aspx.cs))... Est ce que c'est à cause de cela ?

[Pilru]

"<%=mAddress1GTextBox.ClientID %>" ne peut être utilisé que dans une page aspx. Cela n'a aucun sens dans une ressource javascript.

L'utilisation de ClientID peut être éviter avec le framework .NET 4 via la propriété ClientIdMode