Avatar billede neess Nybegynder
14. maj 2007 - 21:05 Der er 6 kommentarer og
1 løsning

ModalPopup med ajax

Jeg har sat denne her ind på en side
http://ajax.asp.net/ajaxtoolkit/ModalPopup/ModalPopup.aspx
Jeg har en side som først har en tabel med siden sindhold, og i slutningen bliver panelet sat ind på denne måde.

selve siden er en del af en masterpage og indholdet bliver derfor vist i en celle.

Det der er problemet er at i IE bliver hele siden inaktiv, så jeg ikke kan bruge det i mit panel.

I firefox virker det hele som det skal, hvor mit panel fint er muligt at bruge.

<asp:ScriptManager ID="ScriptManager1" runat="server" />
    <asp:Panel ID="kuponPan" CssClass="modalPopup" runat="server" BackColor="DarkOliveGreen">
        <asp:Panel ID="kuponPanHead" runat="server" CssClass="modalPopup" BackColor="Aqua">
        Overskrift
        </asp:Panel>
        Tester
    <asp:Button ID="OkButton" runat="server" Text="Button" />
    <asp:Button ID="CancelButton" runat="server" Text="Button" />
    </asp:Panel>
   
    <ajaxToolkit:ModalPopupExtender ID="MPE" runat="server"
    TargetControlID="kuponLnk"
    PopupControlID="kuponPan"
    BackgroundCssClass="modalBackground"
    DropShadow="false"
    OkControlID="OkButton"

    CancelControlID="CancelButton"
    X="300" Y="300" />
Avatar billede tomledk Nybegynder
14. maj 2007 - 22:20 #1
Jeg har prøvet at køre den kode du har skrevet i IE7 - her bliver hele siden ikke umiddelbart inaktiv.
Avatar billede neess Nybegynder
14. maj 2007 - 22:29 #2
bruger du masterpage?
og i givet fald er content inde i en celle?
Avatar billede neess Nybegynder
14. maj 2007 - 22:30 #3
glemte også lige at ligge mit style sheet med

/*Modal Popup*/
.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.modalPopup {
    background-color:#ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:250px;
}

.sampleStyleA {
    background-color:#FFF;
}

.sampleStyleB {
    background-color:#FFF;
    font-family:monospace;
    font-size:10pt;
    font-weight:bold;
}

.sampleStyleC {
    background-color:#ddffdd;
    font-family:sans-serif;
    font-size:10pt;
    font-style:italic;
}

.sampleStyleD {
    background-color:Blue;
    color:White;
    font-family:Arial;
    font-size:10pt;
}
Avatar billede tomledk Nybegynder
15. maj 2007 - 18:44 #4
Uden dit stylesheet fungerer det fint (både igennem en masterpage og i en tablecell) så jeg kiggede lidt nærmere på dit stylesheet.

Det er din .modalBackground der forårsager at hele baggrunden bliver grå og inaktiv - men er det egentlig ikke også meningen med en modalpopup?
Avatar billede neess Nybegynder
15. maj 2007 - 18:54 #5
Jo det er meningen, men popup'en skal ikke være grå og inaktiv.
Jeg tilføjede dette til min masterpage, og så virker det.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Avatar billede tomledk Nybegynder
15. maj 2007 - 19:36 #6
Ahh ok - dit problem var at selve popup'en også blev inaktiv. Det havde jeg ikke lige luret. Well godt at du fandt ud af det :)
Avatar billede neess Nybegynder
21. september 2007 - 19:04 #7
lukker her
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester