Discussion :

[stefsas]

Bonjour,

Je développe en asp.net et utilise le contrôle ajax Modalpopupextender.
Mon but est qu'en cliquant sur une zone de texte, cela m'ouvre une fenêtre modale contenant une autre zone de texte.
Jusque là pas de problème avec ajax :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<asp:TextBox ID="Commentaires" runat="server" Width="300px"></asp:TextBox>
 
<asp:Panel ID="PopupFichier" runat="server"  BackColor="#DBE0E3" Width="460px" Height="350px" BorderColor="Black" BorderStyle="Double" BorderWidth="1px" >
   <div class="StyleBandeauPopup"> <div style="color:White;font-size:large " >Commentaires 
         <asp:LinkButton ID="LienFermerFenetre" runat="server" Text="Fermer" ForeColor="Yellow" Font-Size="Smaller" OnClick="RemplissageTextBox"></asp:LinkButton></div> </div> 
<br />
   <div align="center"> 
     <asp:TextBox ID="TextBoxCommentaires" TextMode="MultiLine" runat="server" Width="440px" Height="270px" ></asp:TextBox>  
   </div>   
</asp:Panel>
 
 
<asp:ModalPopupExtender ID="ModalPopupTextBox" runat="server" TargetControlID="Commentaires"   BackgroundCssClass="modalBackgroundClick" PopupControlID="PopupFichier" OkControlID="LienFermerFenetre" >
</asp:ModalPopupExtender

>

Maintenant, je voudrais que lorsque je clique sur mon lien 'fermer', le contenu de la zone de texte de ma fenêtre modale se retrouve dans la zone de texte initiale.
J'ai donc pensé à passer par du javascript pour faire cela :

Code :

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

1
2
3
4
5
6
7
8
 function SelectAll(id)
      {
         //Récupère les références des deux textbox
         var idModalPopup1 = document.getElementById("<%= Commentaires.ClientID %>");
         var idModalPopup2 = document.getElementById("<%= TextBoxCommentaires.ClientID %>");
 
   ...        
      }

Par contre, je me rend compte en faisant cela que je n'ai pas accés à toutes les propriétés des textbox et je me demande si c'est la meilleur solution.

Est-ce que quelqu'un verrait comment faire la chose? Merci.

[Watilin]

Salut,
tu as quoi quand tu fais :

Code :

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

1
2
alert(idModalPopup1.tagName);
alert(idModalPopup1.value);

?

[stefsas]

J'ai pour idModalPopup1.tagName : INPUT.

Par contre, le champ value ne m'est pas proposé comme propriété de idModalPopup1 et donc je n'est pas de valeur en retour.

[Watilin]

S’il n’y avait pas de value tu aurais « undefined ». Si tu n’as rien c’est qu’en réalité l’alert() t’affiche une chaîne vide, parce que le textbox est vide.

Je pense que ceci devrait marcher :

Code :

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

1
2
3
4
function RemplissageTextBox()
{
	idModalPopup1.value = idModalPopup2.value;
}

[stefsas]

Oui en effet cela marche :

Code :

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

1
2
3
4
5
6
7
8
function ChargementTexte()
      {
         //Récupère les références des deux textbox
         var TextBoxMere = document.getElementById("<%= Commentaires.ClientID %>");
         var TextBoxFille = document.getElementById("<%= TextBoxCommentaires.ClientID %>");
 
         //Transfert des éléments de la fenêtre fille vers la fenêtre mère
         TextBoxMere.value = TextBoxFille.value;

}

Par contre, j'ai essayé de l'intégrer dans un gridview (tableau asp.net) sur chaque ligne d'une colonne de celui-ci, et là cela ne marche plus.
Est-ce que quelqu'un saurait pourquoi cela bloque dans ce cas précis ?

Merci.

[le_chomeur]

tu dois binder tes évènements sur le databound de ta gridview