Discussion :

[Pelote2012]

Bonjour,

J'ai dans un de mes sites (dans la master) une modalPopup de l'ajaxToolKit.
Je souhaite me séparer de cette bibliothèque pour passer en jquery, moins lourde.

j'ai trouvé ce tuto très bien. ici

Mais le problème et que je n'arrive pas à ouvrir ma popup dans le code behind à la fin de mon traitement. Je sais que jquery c'est du javascript en local et que le cde behind et du coté serveur. Mais je pense qu'on doit pouvoir quand même faire quelque chose.

Je précise je suis grand débutant en jquery et le javascript n'a jamais été ma tasse de thé. Donc si en même temps vous pouvez bien expliquer la démarche.

Merci

[Bovino]

Mais le problème et que je n'arrive pas à ouvrir ma popup dans le code behind à la fin de mon traitement. Je sais que jquery c'est du javascript en local et que le cde behind et du coté serveur. Mais je pense qu'on doit pouvoir quand même faire quelque chose.

Je comprends pas trop... Si tu connais la différence entre un code serveur et un code client, ton but c'est quoi au juste ? Ouvrir la popup sur l'écran du serveur dans le datacenter hébergeant ton site en espérant qu'un technicien passera par là pour cliquer dessus ?

[Pelote2012]

pas vraiment.

A l'heure actuelle quand je fais des traitement en BDD, j'ouvre une modal Popup pour dire à l'utilisateur si c'est ok ou pas.
Pour cela j'ai une méthode dans ma master :

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
 
Public Sub AfficheMessage(ByVal Message As String, Optional ByVal OK As Boolean = True, Optional ByVal ReturnURL As String = "")
        lblError.Text = Server.HtmlEncode(Message)
        If OK Then
            lblError.CssClass = "Ok"
            imgError.ImageUrl = "~/images/clean.png"
        Else
            lblError.CssClass = "Ko"
            imgError.ImageUrl = "~/images/critical.png"
        End If
        If ReturnURL <> "" Then
            btnValiderError.PostBackUrl = ReturnURL
            btnValiderError.UseSubmitBehavior = False
            btnValiderError.Focus()
        End If
        mpopError.Show()
    End Sub

Associé à l'ajaxToolkit suivant :

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
<asp:Button ID="btnError" runat="server" Style="visibility: hidden" />
    <asp:Panel ID="pnlPopupError" runat="server" Style="display: none;" CssClass="outerPopup">
        <asp:UpdatePanel ID="UpdatePanelError" runat="server" UpdateMode="Always">
            <ContentTemplate>
                <asp:Panel ID="pnlInnerPopupError" runat="server" CssClass="innerPopup">
                    <asp:Image ID="imgError" runat="server" CssClass="PicOk" />
                    <asp:Label ID="lblError" runat="server" CssClass="Ko"></asp:Label>
                    <p align="center">
                        <asp:Button ID="btnValiderError" runat="server" CssClass="btnValid" Text="Ok" CausesValidation="false"
                            UseSubmitBehavior="false" /></p>
                </asp:Panel>
            </ContentTemplate>
        </asp:UpdatePanel>
    </asp:Panel>
    <cc1:ModalPopupExtender ID="mpopError" runat="server" TargetControlID="btnError"
        PopupControlID="pnlPopupError" BackgroundCssClass="modalBackground" />

Je cherche à faire l'équivalent en jquery.

A la fin de mon traitement coté serveur, faire afficher une popup pour avertir du bon (ou non) déroulement de l'opération

[Bovino]

Ce qu'il faut comprendre, c'est que ton code serveur n'est pas envoyé tel quel au navigateur puisque ce dernier ne saurait pas l'interpréter.
Il va créer du code HTML + JavaScript pour faire le travail côté client.
Le code client va donc faire une requête AJAX qui va lancer des actions côté serveur. Une fois ces actions terminées, une réponse va être renvoyée et en fonction de cette réponse, tu pourras exécuter le code JavaScript souhaité, ce qui se gère avec jQuery dans la méthode success des requêtes AJAX.

[Pelote2012]

Merci pour la réponse.

Est-ce que tu aurais un exemple concret avec lequel je pourrai décortiquer pour comprendre ce principe.

Pour mon problème je pensez mettre ma div en visiblity:hidden
à la fin de mon traitement coté server faire un truc du genre registerscriptblock . Un exemple : exemple

trouver en faisant sous google :

asp.net jquery modal popup from code behind

[Pelote2012]

est-ce que quelqu'un aurait un exemple simple sur

Le code client va donc faire une requête AJAX qui va lancer des actions côté serveur. Une fois ces actions terminées, une réponse va être renvoyée et en fonction de cette réponse, tu pourras exécuter le code JavaScript souhaité, ce qui se gère avec jQuery dans la méthode success des requêtes AJAX.

pour que je puisse comprendre un peu mieux