Modification d'une textbox en ASP.NET coté client

Version imprimable

Dans une fenêtre modale j'ai une textbox dont je voudrais modifier le texte coté client, lorsque je click sur le bouton "IB_annulerRubrique" fonction OnClientClick="Annuler_Rubrique"

Merci de votre aide

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<asp:Panel ID="ModalPanelRubrique" runat="server" Width="800px"  BorderStyle="Groove" BackColor="White" >
               <table>
                <tr><td><asp:Label ID="LblRubrique" runat="server" Text="Renseigner la nouvelle Rubrique :"></asp:Label></td></tr>
                <tr>
                <td>
                <asp:TextBox ID="TBpanelRubrique" runat="server" TextMode="MultiLine" Width="750px" Height="50px" BorderStyle="None" Font-Names="eurostile" BackColor="#CCCCCC"></asp:TextBox>
                </td>
                </tr>                              
                </table>
                <table>
                <tr>
                <td>
                <asp:ImageButton ID="IB_panelenregistrerRubrique" runat="server" Height="12px" ImageUrl="~/Images/save.png" OnClick="Enregistrer_Rubrique" />
                        &nbsp
                <asp:ImageButton ID="IB_annulerRubrique" runat="server" Height="12px" ImageUrl="~/Images/cancel.jpg" OnClientClick="Annuler_Rubrique"/>
                        &nbsp
                <asp:ImageButton ID="IB_panelretourRubrique" runat="server" Height="12px" ImageUrl="~/Images/return.png" />
                </td>
                </tr>
                </table>
            </asp:Panel>
            <asp:ModalPopupExtender ID="MPE_ModifierRubrique" runat="server" TargetControlID="LinkButtonAjouterRubrique" PopupControlID="ModalPanelRubrique" OkControlID="IB_panelretourRubrique" >
            </asp:ModalPopupExtender>

15/11/2012, 11h24
SISGI

lorsque tu click sur le bouton IB_annulerRubrique tu veux changer le contenu du textbox c'est ça ce que tu veux???
15/11/2012, 11h33
ERICLEUN

Oui tout à fait, mais je veux que la modification se fasse coté client et non coté serveur
15/11/2012, 11h38
youtpout978
oui tu peux faire ça en javascript pour récupérer ta textbox côté javascript :
Code:

1 2 var textbox = document.getElementById('<%= TBpanelRubrique.ClientID %>');
15/11/2012, 11h57
ERICLEUN
J'ai testé le code, mais il me retourne un message lors de la compilation que la valeur "TBpanelRubrique.ClientID" n'existe pas dans le contexte.
Le panel est inclu dans une listview
Code:

1 2 <asp:ListView ID="LV_Rubrique" runat="server">
16/11/2012, 17h21
Nadinette

Salut

Je te conseille vivement de te pencher un peu sur JQuery car tu peux selectionner un composant par son type ou sa classe css.

Par exemple

Code:

<asp:textbox id="toto" CssClass="txt toto">

côté client ça donne

Code:

<input type="text" id="[un gros merdier imbitable]_toto" class="txt toto"/>

Dans ton javascript tu peux écrire :

Code:

$(".toto").val("ma nouvelle valeur");

Pour que ça fonctionne, il faut que tu ajoutes les liens vers les scripts jquery que tu trouveras là : http://jquery.com/

Il est important de ne plus du tout travailler en javascript et de n'utiliser que tu JQuery quand c'est possible (car ça ne gère pas tout).

Ciao