div et updatepanel

Bonjour à tous,

Je souhaite rafraîchir uniquement une div au lieu de toute la page alors c'est pourquoi j'essaye de mettre des updatepanel.

Voici à quoi ressemble la structure simplifiée de ma page aspx :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<div id='div1'> <asp:UpdatePanel ID="up_div1" runat="server" UpdateMode="Conditional"> <ContentTemplate> //gridview et autres </ContentTemplate> </asp:UpdatePanel> </div>   <div id='div2'> <asp:UpdatePanel ID="up_div2" runat="server" UpdateMode="Conditional"> <ContentTemplate> //tableau </ContentTemplate> </asp:UpdatePanel> </div>

---

Mon problème est que le buttonField qui se trouve dans mon GV qui est dans l'updatePanel de la div1 n'affiche plus la div2 lorsque l'on clique dessus.
Le code qui lui est associé est du javascript que j'ai fait coté behind et qui utilise RegisterStartupScript. Ce code fonctionne très bien si j'enlève l'updatepanel.
Comment puis-je faire pour faire apparaître cette div2 lorsque l'on clique sur le buttonField du GV ?

En fait, pour résumé, ce que je cherche à faire, c'est créer plusieurs div sur la même page et n'afficher que certaines à un moment sans recharger toute la page d'où l'utilisation des updatePanel.

Pouvez-vous m'aider svp ?

Merci d'avance.

Tu trouveras la doc ici.

tu créés ton div avec un display à none:

Code:

---

1 2 3 4 5

<div id="Div_1" style="display: none; background-color: #ffffdd; width: 300px;"> Je suis un div <br /> Et je suis visible </div>

---

Tu ajoutes le script jquery avec le sélecteur sur ton div :

Code:

---

1 2 3 4 5 6 7 8 9

function Show_Div(Div_id) { if (false == $(Div_id).is(':visible')) { $(Div_id).show(250); } else { $(Div_id).hide(250); } }

---

Tu gères le onclick côté client de ton bouton :

Code:

---

1 2	onclick="Show_Div(Div_1)"

---