Popup efferct without using modal view popup

Posted Date: 28 Aug 2012 Posted By:: Komal Khatkole

Member Level: Silver Member Rank: 989 Points: 2 Responses: 4

Hi all,

i have one div. 1 gridview i have put it into div.
I want to display this div as like a popup on a button click of 1 button.
How to do it without using modal view popup?

could you provide code of snippet?

Thanks & Regards,
Komal.

Responses

#686263 Author: Asheej T K Member Level: Diamond Member Rank: 2 Date: 28/Aug/2012 Rating: Points: 1
Hi, Easiest option would be to use jQuery. Using jQuery it will be easy to show div as pop up. Please refer below article detailed explanation and sample code: forum.jquery.com/topic/a-very-simple-popup-box-div Regards, Asheej T K Microsoft MVP[ASP.NET/IIS] DotNetSpider MVM Dotnet Galaxy

#686292 Author: Anil Kumar Pandey Member Level: Platinum Member Rank: 1 Date: 28/Aug/2012 Rating: Points: 2
Try this sample Jquery to open the DIV as a POPUP `<script type="text/javascript"> $('.DIVName').popupWindow({ height:500, width:800, top:50, left:50 }; </script>` Thanks & Regards Anil Kumar Pandey Microsoft MVP, DNS MVM

#686298 Author: RayalaHariKishore Member Level: Gold Member Rank: 52 Date: 28/Aug/2012 Rating: Points: 2
hi, here i attached a sample page you just see that page and then modify. there i have div inside i kept 3 buttons you replace with the gridview and then for three buttons i just use click events just omit and use rest. Rayala HariKishore try..try..try...you achieved it. http://rayalaharikishore.wordpress.com/ showconfirmationdialog.aspx.txt

#686330 Author:

Paritosh Mohapatra Member Level: Diamond Member Rank: 6 Date: 28/Aug/2012 Rating: 2 out of 5

Points: 4

Please check the following code:


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function ShowPopUp()
        {
            window.showModalDialog('SomePage.aspx', 'NewWin', 'dialogWidth=200px;dialogHeight=150px;dialogTop=200px;dialogLeft=50px;dialogRight=50px; center= No;help= No;location= No;edge= Raised; resizable= No; scrollbars= No; status= No');
            var windowObject = window.self;
            windowObject.opener = window.self;
            return false;
        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Label ID="Label1" runat="server" Text="Label" onmouseover="javascript:ShowPopUp();"></asp:Label>
    </div>
    </form>
</body>
</html>

Thanks & Regards
Paritosh Mohapatra
Microsoft MVP (ASP.Net/IIS)
DotNetSpider MVM

Post Reply

You must Sign In to post a response.

	Next : Javascript msgbox using css
	Previous : Show visitor count as LED format
	Return to Discussion Forum
	Post New Message
	Category:

Related Messages

Active Members
Today

Last 7 Days

more...

Awards & Gifts

Email subscription