Iframe et modalPopup

Version imprimable

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:

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

24/08/2011, 16h57
Bovino

Citation:

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.
24/08/2011, 17h18
Pelote2012

Une autre idée?

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!

Solution

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

Code:

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