Discussion :

[Pelote2012]

Peut-on faire sortir une modal popup d'une iframe?

Je m'explique je suis en train d'essayer de faire afficher des infos d'un site dans une iframe, mais j'ai besoin pour cela que l'utilisateur s'identifie.

Sauf que je ne maîtrise pas forcément la taille de l'iframe. L'idée est donc de passer par une modalpopup, mais pour l'instant elle reste coincé dans l'iframe.

Voici le CSS de la modal

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
18
19
20
21
 
.modalBackground
{
    position: absolute;
    background-color: #000000;
    filter: alpha(opacity=70);
    opacity: 0.7;
    width: 25%;
    z-index: 9999;
}
.outerPopup
{
    background-color: #FFFFFF;
    padding: 1em 6px;
    z-index: 9999;
}
 
.innerPopup
{
    background-color: #FFFFFF;
}

Merci d'avance

[Bovino]

Peut-on faire sortir une modal popup d'une iframe?

Non tu ne peux pas.
Chaque élément d'un document doit être affiché dans l'espace occupé par le document qui le contient.

[Pelote2012]

Merci pour ta réponse claire et rapide.

Connaîtrais-tu une autre solution?
Par exemple, est-ce que je peux agrandir temporairement la iframe...

Où alors je n'aurais d'autres choix que d'avoir un cadre minimum à respecter.
Ce qui est génant, car selon que la iframe sera verticale ou horizontale, je ne disposerai pas les éléments de la même manière!

[Pelote2012]

En fait j'ai enlevé les "<table" autour du controle login et remplacer par des div:

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
 
<%@ Page Title="" Language="VB" MasterPageFile="~/Master/MasterPage.master" AutoEventWireup="false"
    CodeFile="Login.aspx.vb" Inherits="Login" %>
 
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Contenu" runat="Server">
    <div id="Presentation">
        Bienvenue sur le Cloud Widget.
    </div>
    <asp:Login ID="ctlLogin" runat="server">
        <LayoutTemplate>
            <div>
                <div>
 
                    <div style="float: left">
                        Login:
                    </div>
                    <div style="float: right">
                        <asp:TextBox ID="UserName" runat="server"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName"
                            ErrorMessage="Un nom d'utilisateur est requis." ToolTip="Un nom d'utilisateur est requis."
                            ValidationGroup="ctlLogin">*</asp:RequiredFieldValidator>
                    </div>
                </div>
                <br />
                <br />
                <div>
                    <div style="float: left">
                        Mot de passe
                    </div>
                    <div style="float: right">
                        <asp:TextBox ID="Password" runat="server" TextMode="Password"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="PasswordRequired" runat="server" ControlToValidate="Password"
                            ErrorMessage="Un mot de passe est requis." ToolTip="Un mot de passe est requis."
                            ValidationGroup="ctlLogin">*</asp:RequiredFieldValidator>
                    </div>
                </div>
                <br />
                <br />
                <div>
                    <asp:Literal ID="FailureText" runat="server" EnableViewState="False"></asp:Literal>
                    <br />
                    <asp:Button ID="LoginButton" runat="server" CommandName="Login" Text="Se connecter"
                        ValidationGroup="ctlLogin" CssClass="btnValid" />
                </div>
            </div>
        </LayoutTemplate>
    </asp:Login>
</asp:Content>

ça fonctionne comme je le souhaite