I want to restrict outside click of Modal Popup and ask confirmation to Exit.

Question

1.00/5 (1 vote)

See more:

, +

Hi Friends,

I am looking forward to restrict outside click of Modal Popup and ask confirmation to Exit, any body can suggest me any API or working code to achieve this will be much appreciated.

Thanks a lot in advance.

Posted 24-Feb-14 17:56pm

Mohammed_Faisal_Majeed

Updated 26-Feb-14 17:21pm

v8

Add a Solution

Comments

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 25-Feb-14 0:28am

Have you tried anything?

[no name] 25-Feb-14 0:30am

Actually i am working in an exiting project so i am not getting where i need to do

Tom Marvolo Riddle 25-Feb-14 0:34am

Solution posted.In this, model pop get focussed. you cannot select anything other than popup.Try it

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 25-Feb-14 0:35am

Okay. Try something first.
Anyway, do you want to use jQuery Modal or ASP.NET Ajax ModalPopupExtender?

Tom Marvolo Riddle 25-Feb-14 0:29am

Use Css to fadeout

[no name] 25-Feb-14 0:58am

Modal popup is working as of now but i need to restrict outside click of Modal Popup and ask confirmation to Exit

Tom Marvolo Riddle 25-Feb-14 1:00am

did you check the link?http://aspsnippets.com/demos/498/[^]. Click the delete button and check it

[no name] 25-Feb-14 1:08am

This Confirmation is happening on button click .. but i need outside click of popup

Tom Marvolo Riddle 25-Feb-14 1:13am

sorry faisal,i didn't get it clearly.you asked to restrict the outside click on popup.explain bit more

[no name] 25-Feb-14 1:28am

In my project all the pages are viewed inside Modal Popup iframe, and when we click outside of Modal Popup, it will Exit

So i want to restrict outside click of Modal Popup and ask confirmation to Exit

2 solutions

Solution 1

Try this:
http://www.aspsnippets.com/Articles/ASPNet-AJAX-ConfirmButtonExtender-with-ModalPopupExtender-Example.aspx[^]

Posted 24-Feb-14 18:33pm

Tom Marvolo Riddle

Comments

[no name] 25-Feb-14 1:01am

This link as no page

Tom Marvolo Riddle 25-Feb-14 1:03am

Hi faisal,i guess you're net connection is slow.retry it.i checked it now it's working

[no name] 25-Feb-14 1:30am

Hai Jas, What u have shown in this demo is confirmation on button click but i dont need this..

In my project all the pages are viewed inside Modal Popup iframe, and when we click outside of Modal Popup, it will Exit So i want to restrict outside click of Modal Popup and ask confirmation to Exit

Tom Marvolo Riddle 25-Feb-14 1:38am

Now i get it faisal.I will try and let you know

[no name] 25-Feb-14 2:09am

Thanks in advance Jas

Faisalabadians 25-Feb-14 8:14am

which model popup you are using?

[no name] 25-Feb-14 23:05pm

actually i am working on an existing project... which modal popup means i did not get you

[no name] 25-Feb-14 23:08pm

How do i find can u plz help

Tom Marvolo Riddle 26-Feb-14 3:01am

hi faisal,i didn't use iframe earlier.Thats what i'm struggling.will u try it in css

Faisalabadians 26-Feb-14 2:52am

look into your .aspx page (front-end) and see if there is ajax popup extender, jquery ui or any other is used. otherwise you have to share the project if you want me to let you know about the popup.

[no name] 26-Feb-14 3:59am

Do u have team viewer

Tom Marvolo Riddle 26-Feb-14 4:27am

did you get the answer

[no name] 26-Feb-14 5:11am

No Jas.. did u got

Tom Marvolo Riddle 26-Feb-14 5:15am

i try with CSS .It's working fine in ASP.net but i don't know in Iframe

[no name] 26-Feb-14 5:21am

plz help .. :(

Tom Marvolo Riddle 26-Feb-14 6:14am

Sorry for the late reply.Try this:

<style type="text/css">

.modalBackground
{
background-color: Black;
filter: alpha(opacity=90);
opacity: 0.8;
}
.modalPopup
{
background-color: #FFFFFF;
border-width: 3px;
border-style: solid;
border-color: black;
padding-top: 10px;
padding-left: 10px;
width: 600px;
height: 300px;
}

.PopUpPanel {
position:absolute;
background-color: #737373;
top:100px;
left:15%;
z-index:2001;
padding:10px;
min-width:400px;
max-width:600px;

-moz-box-shadow:3.5px 4px 5px #000000;
-webkit-box-shadow:3.5px 4px 5px #000000;
box-shadow:3.5px 4px 5px #000000;

border-radius:5px;
-moz-border-radiux:5px;
-webkit-border-radiux:5px;

border: 1px solid #CCCCCC;
}

</style>

[no name] 26-Feb-14 6:20am

this is not helping Jas :(

Member 10517120 26-Feb-14 6:52am

Firstly have you located ur popup is it asp.net pop up extender?

Tom Marvolo Riddle 26-Feb-14 7:07am

yes it is asp.net pop up extender

[no name] 26-Feb-14 23:20pm

Yes i have located

Tom Marvolo Riddle 26-Feb-14 23:23pm

got it?

[no name] 26-Feb-14 23:29pm

yesterday i debugged and i got the function of Popup but dont know how to put confirmation function for outside click :(

[no name] 27-Feb-14 0:14am

Jas i did it :)

Tom Marvolo Riddle 27-Feb-14 0:18am

Hurray.very good.finally you did it.cheers Happy coding :)

[no name] 27-Feb-14 0:19am

Thank you Jas :)

Member 10517120 27-Feb-14 4:16am

but wts the code share here

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)

Mohammed_Faisal_Majeed · Accepted Answer · 2014-02-26T18:15:00

We need to add this function which close the Popup

C#

function o() {
                if (confirm("Do you want to Exit?")) {
                a.modal && b(".bModal." + c.data("id")).fadeOut(a.fadeSpeed, function () {
                    b(this).remove()
                });
                c.stop().fadeOut(a.fadeSpeed, function () {
                    null != a.loadUrl && a.contentContainer.empty()
                });
                e.data("bPopup", 0 < e.data("bPopup") - 1 ? e.data("bPopup") - 1 : null);
                a.scrollBar || b("html").css("overflow", "auto");
                b("." + a.closeClass).die("click." + d); b(".bModal." + d).die("click");
                h.unbind("keydown." + d); e.unbind("." + d);
                c.data("bPopup", null);
                b.isFunction(a.onClose) && setTimeout(function () {
                    a.onClose.call(c)
                }, a.fadeSpeed);
                return !1
            }
            else {
                return false;
            }