Bloquer une application tant qu'une pop up n'est pas fermé

Version imprimable

19/03/2012, 01h06
Gregney

Bloquer une application tant qu'une pop up n'est pas fermé
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:

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
19/03/2012, 01h12
vhoward99

Bonjour,

je te conseille le modalpopup de l'ajaxcontroltoolkit

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

Cordialement
19/03/2012, 09h46
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.
19/03/2012, 19h23
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

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:

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:

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:

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;
}

21/03/2012, 00h39
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:

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