Home/ Questions/Q 8162585
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T18:45:51+00:00

I want to create and display a self designed window on current webpage instead

  • 0

I want to create and display a self designed window on current webpage instead of popup as you can see on this page
Open the link and click first “Demo” button on that page.

and the same type window appeared when I tried to put a link on this question on stackoverflow which accepted my link.

for example facebook also uses this type of window to display tagged images.
please help me.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you are looking for the exact code to popup a div box then here it is. Displaying the div box in the centre of the browser is harder, and will involve some more javascript to work out the centre.

    Note the ‘return false;’ in the OnClientClick event of the button. This stops the button performing a postback and reloading the entire page.

    <head runat="server">
        <script type="text/javascript" language="javascript">
            function togglePopUp(div_id) {
                var el = document.getElementById(div_id);
                if (el.style.display == 'block') { el.style.display = 'none'; }
                else { el.style.display = 'block'; }
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
            <div>
            <asp:Button ID="btnPopUp" OnClientClick="togglePopUp('popUpDiv'); return false;"
                 text="Pop Up a div boxt" runat="server" />
            </div>

            <div id="popUpDiv" 
            style="
                display:none;
                position:absolute;
                top:100px;
                left:100px;
                background-color:Gray;
                z-index: 10002;">
             My popup box
             </div>
        </form>
    </body>
    </html>
    • 0