Discussion :

[Gregney]

Bonjour a tous

Je viens de mettre en place une pop up grace au code fournis par Azephe dans le poste suivant http://www.developpez.net/forums/d33...p-code-behind/ :

Code :

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

1
2
 
TonBouton.Attributes.Add("OnClick", "window.open('TaPage.aspx', '_blank', 'width=500, height=400, toolbar=no, scrollbars=yes, resizable=yes')")

Je voudrais rajouter dans mon application un controle qui empeche l'utilisateur d'aller sur l'application sans que ma pop up sois fermer.

Exemple :

Ma pop up permet a mon utilisateur de choisir un horaire et de saisir son nom et ses coordonnée, Il peut valider ses informations grâce a un clic sur un bouton reservé.


Je voudrais que tant qu'il n'a cliquer sur enregistré il ne puisse pas retourner sur ma page.

Merci de votre aide

[vhoward99]

Bonjour,

je te conseille le modalpopup de l'ajaxcontroltoolkit

http://www.asp.net/ajaxLibrary/AjaxC...odalPopup.aspx

Cordialement

[calagan99]

En effet,

il va falloir t'orienter vers une popup modale.
Celle de l'AjaxControlToolkit fonctionne bien.
Sinon, tu peux regarder du côté de JQuery avec un exemple ici.

[Gregney]

Bonjour

Merci a tous pour votre reponse

En effet je n'avais pas pensé a cette element d'ajax qui paraitrait correspondre plainement a ce que j'attend.

J'ai installer l'ajax control toolkit sur mon poste et j'ai placer un ScriptManager en dessous duquel j'ai voulu mettre mon ModalPopup mais il semblerais que mon element ne peux pas etre placer a cette endroit je ne vois pas pourquoi?
Faut il le placer dans une div ou un autre conteneur.

Je vais essayé de voir d'ou viens le probleme sinon je passerais par du JQuery grace au tuto donné par calagan99

Merci a vous deux

[vhoward99]

Bonjour,

je ne sais pas, il faudrait nous donner un exemple de code, l'extender doit être placé en dehors du ScriptManager

en voici un qui fonctionne sur un de mes projets

l'extender :

Code :

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

1
2
3
4
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="Button1"
        PopupControlID="Panel1" BackgroundCssClass="modalBackground" CancelControlID="cmdNOK_article"
        OkControlID="cmdOK_article">
</cc1:ModalPopupExtender>

le panel :

Code :

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

1
2
3
4
5
<asp:Panel ID="Panel1" runat="server" Height="230px" Width="600px" CssClass="ModalWindow">
        <h3 style="margin: 0; padding: 0">
            Création article</h3>
        Libellé article <asp:TextBox ID="modaltxtART_libelle" runat="server" CssClass="input_long"></asp:TextBox>
</asp:Panel>

le css :

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
 
.modalBackground
{
  background-color:#666699;
  filter:alpha(opacity=80);
  opacity:.5;
}
 
.ModalWindow
{
    background-color:#ffffdd; 
    border-width:3px; 
    border-style:solid; 
    border-color:Gray; 
    padding:3px; 
    width:250px;
}

[Gregney]

Bonjour


J'ai finalement reussi a mettre en place la popup grâce a ajax en tous cas merci a vous et surtout a vhoward99 pour ton code.

J'ai cependant encore un problème (rien de bien grâce ) qui est que ma pop up ne prend pas en compte le css.

J'ai pourtant (pour le test) repris le code fournis par vhoward99 et donc ma pop up s'ouvre bien par dessus ma page mais elle avec aucun style (le contenu est donc copier sur ma fenetre ce qui n'est pas lisible)

mon css est lié a ma page grace à :

Code :

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

<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />