Click here to Skip to main content
15,896,111 members
Articles / Web Development / HTML

A Simple in-page Pop Up Panel

Rate me:
Please Sign up or sign in to vote.
4.00/5 (2 votes)
19 Dec 2012CPOL2 min read 16.1K   7  
How to design a simple in-page pop up panel
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ServerSide.aspx.cs" Inherits="InPagePopup.ServerSide" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Server Side - In-page Pop up</title>
    <link rel="stylesheet" href="Styles/Style.css" />
</head>
<body>
    <form id="form1" runat="server">
        <ul>
            <li>
                <asp:Button ID="ModalPopUp_SemiTransparentBG" runat="server" Text="Modal PopUp with Semi Transparent Background" OnClick="ModalPopUp_SemiTransparentBG_Click" />
            </li>
            <li>
                <asp:Button ID="ModalPopUp_TransparentBG" runat="server" Text="Modal PopUp with Transparent Background" OnClick="ModalPopUp_TransparentBG_Click" />
            </li>
            <li>
                <asp:Button ID="PopUp_NoBG" runat="server" Text="PopUp without Background" OnClick="PopUp_NoBG_Click" />
            </li>
        </ul>
        <div id="SemiTransparentBG" class="fadePanel semiTransparent" runat="server">
        </div>
        <div id="TransparentBG" class="fadePanel transparent" runat="server">
        </div>
        <div id="PopUp" class="Popup" runat="server">
            <div class="InnerPopup">
                <p>Here is the body of a pop up element.</p>
                <p id="PopUpBody" runat="server"></p>
                <p>
                    <asp:Button ID="Close" runat="server" Text="Close" OnClick="Close_Click" />
                </p>
            </div>
        </div>
    </form>
</body>
</html>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Team Leader Powercomp Software Sdn Bhd
Malaysia Malaysia
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions