how to show pop up in asp.net

Question

0.00/5 (No votes)

See more:

ASP.NET

i want to show pop up after every 5 minutes.how can i create and show popup..
like http://www.magicbricks.com/[^]

Posted 13-Oct-11 0:19am

soniya sangal

Add a Solution

5 solutions

Solution 4

For pop up using Window.Open> method you can find some good resources at :
1. http://www.tizag.com/javascriptT/javascriptpopups.php
2. http://www.javascript-coder.com/window-popup/javascript-window-open.phtml

You can also generate the code for your pop up depending on the requirements using some online Pop up Generators :
1. http://javascript.internet.com/generators/popup-window.html
2. http://www.javascriptkit.com/popwin/index.shtml

For some customised pop ups which provide more functionality you can refer to
1. Leightbox[^]
2. Lighbox[^]
3. Greybox[^]

These links explain the use of customised pop ups with example.

Hope this helps.
All the best.

Posted 13-Oct-11 0:32am

Pravin Patil, Mumbai

Comments

RaviRanjanKr 13-Oct-11 11:58am

Nice Link Pravin, My 5+

Pravin Patil, Mumbai 14-Oct-11 0:57am

Thanks Ravi...

Solution 1

use ModalPopupExtender.

Modal Popup Extender Basics[^]

Login/SignUp Screen Using AJAX ModalPopupExtender[^]

http://csharpdotnetfreak.blogspot.com/2011/03/ajax-modalpopupextender-example-aspnet.html[^]

http://www.asp.net/ajaxlibrary/AjaxControlToolkitSampleSite/modalpopup/modalpopup.aspx[^]

Or if you want a somple window then use window.open to open a new web page.

Hope this will help you.

~Amol

Posted 13-Oct-11 0:24am

Amol_27101982, India

Updated 13-Oct-11 0:26am

Comments

soniya sangal 13-Oct-11 6:26am

sory i am not geting

Amol_27101982, India 13-Oct-11 6:42am

ModalPopupExtender is an AJAX extender which you can use to get a popup on a web page. Just go through above links.

Amol_27101982, India 13-Oct-11 6:44am

Keep running a timer of 5 min. on the page.

Solution 3

1. Make pop up:(as the Muralikrishna88115 has created using the div)

2. Make a timer (timer1) in aspx page by dragging the Timer control from toolbox
3.write the following where u want to open the popup (eg. In PageLoad):

C#

System.Timers.Timer time = new System.Timers.Timer();
 time.Start();

then
4.Add the tick event to timer

5.in the tick event write the code to open the popup.

C#

eg:divId.attributes.add("display","block");

Posted 13-Oct-11 0:31am

member60

Updated 13-Oct-11 1:15am

v11

Comments

soniya sangal 13-Oct-11 6:41am

can u explain me briefly because i dont knw how to make pop up

member60 13-Oct-11 6:49am

u can use a div as apop up as
<div id="popupdiv" style="display: none; background-color:Red; width :100%;">
xyz tags of div u want to show as pop up <br />
</div>
or u can use css popups etc.

member60 13-Oct-11 6:52am

in the tick event open the pop by:
divID.attributes.add("display","block");
or

soniya sangal 13-Oct-11 7:04am

<div id="popupdiv" style="removed:fixed; removed0px; removed0px; background-color:Red; width :100%;">
This is popup <br />
</div>
<div id="Div1" style="display: none; background-color:Red; width :100%;"> xyz tags of div u want to show as pop up <br /> </div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="t1" EventName="Tick" />
</Triggers>

<asp:Timer ID="t1" runat="server" Interval="15000">

then what i do??

soniya sangal 13-Oct-11 6:54am

actully i am new...so can u give me a whole code of my problem

member60 13-Oct-11 7:05am

i have improved the solution just check once

Solution 5

refer this link

www.asp.net/ajaxlibrary/AjaxControlToolkitSampleSite/[^]

Posted 13-Oct-11 1:07am

devildx2050

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

Muralikrishna8811 · Accepted Answer · 2011-10-13T00:30:00

Solution 2

Hi,

try this for your requirement

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script language ="javascript" >
        var tmp;
        function f1() {
         
            document.getElementById("popupdiv").style.display = '';
            tmp = setTimeout("f2()", 1000);
        }
        function f2() {
           
            document.getElementById("popupdiv").style.display = 'none';
            tmp = setTimeout("f1()", 2000);
        }
    </script>
</head>
<body onload="f1()">
    <form id="form1" runat="server">
    <div>
      <div id="popupdiv" style="removed:fixed; removed0px; removed0px; background-color:Red; width :100%;">
       This is popup <br />
      </div>
    </div>
    </form>
</body>
</html>

And modify it to achieve exact your requirement

All the Best

Posted 13-Oct-11 0:30am

Muralikrishna8811

Updated 13-Oct-11 0:45am

v2

Comments

Anuja Pawar Indore 13-Oct-11 6:32am

My 5

soniya sangal 13-Oct-11 6:39am

its not woking

Muralikrishna8811 13-Oct-11 6:42am

are you add reference to jquery files?

soniya sangal 13-Oct-11 6:43am

no...dont have

Muralikrishna8811 13-Oct-11 6:44am

k no prob

check again my solution I update it for basic javscript

soniya sangal 13-Oct-11 6:56am

soniya sangal 13-Oct-11 6:50am

can u explain me;;;
ScriptManager.RegisterStartupScript(this, this.GetType(), "Key", "alert('Old Password is wrong.');", true);
why we are using

Muralikrishna8811 13-Oct-11 7:00am

to show alert msgs from code behind on response of button click or any other event
for e.g
if you write in button click event.then alert msgs'll show in response

soniya sangal 13-Oct-11 7:02am

i dont want show pop up on click event

Muralikrishna8811 13-Oct-11 7:05am

when you want to show popup

soniya sangal 13-Oct-11 7:47am

popup show after 5 minutes automatically and hide by click event

soniya sangal 13-Oct-11 7:48am

whats the working of funtion f2

soniya sangal 13-Oct-11 6:51am

sorry...
<script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

Muralikrishna8811 13-Oct-11 7:03am

these are reference files for jquery
In those files they develop some functions in javascript .
we just use them whenever we want

for e.g
with jquery lib
we want code like
document.getElementbyID("fgfd").style....

but if we use jquery

its just .show() or .hide()

Jquery is javascript Lib .easy to use
easy to learn

soniya sangal 13-Oct-11 7:11am

its working but i want that pop visible after 5 min,pop up visible still user do not close the pop up

Muralikrishna8811 13-Oct-11 7:13am

change time 1000 to 5000

Uday P.Singh 13-Oct-11 7:17am

my 5! great effort.

Member 8387468 28-Nov-11 6:45am

sir if i m using the page with masterpage then it dnt have body tag so wher will i call this method?

Muralikrishna8811 28-Nov-11 7:06am

if you are using jquery means just call that function in

$(document).ready(function(){
f1();
});

Chinna Samy 5-Mar-14 3:52am

I want javascript file