How to close modelpopups on esc key pres by writing one page code ?

Question

0.00/5 (No votes)

See more:

Hi ,

XML

<script type="text/javascript">
        document.onkeyup = function (e) {
            var keycode;
            if (window.event)
                keycode = window.event.keyCode;
            else if (e)
                keycode = e.which;
            if (keycode == 27) {
                if ($find("ContentPlaceHolder1_mpForHoliday")) {
                    $find("ContentPlaceHolder1_mpForHoliday").hide();
                }
            }
        }

    </script>

I am writing this script on each page for closing the modelpoups on esc key .. but is their anyway where i can get this functionlity by placing this script on single page .. such as master page and so ..

Posted 23-Dec-13 2:22am

Torakami

Add a Solution

2 solutions

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)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Answer 1 · 2013-12-23T07:03:00

Solution 1

Yes just write this inside one file and save it as .js (JavaScript file), which is called External js file and include that in every page.

If you have a Master Page, then just include that External js file in that page. Automatically it will reflect in all the child pages inheriting that,

Posted 23-Dec-13 7:03am

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Comments

Torakami 24-Dec-13 0:03am

I have created this js file

$(document).ready(function () {
document.onkeyup = function (e) {
var keycode;
if (window.event)
keycode = window.event.keyCode;
else if (e)
keycode = e.which;
if (keycode == 27) {
if ($find("ModalPopupExtender")) {
$find("ModalPopupExtender").hide();
}
}
}
});

and implemented on masterpage as suggested by you .. but not working .. is any wrong with my select stamenet

Torakami 24-Dec-13 0:24am

I also tried with css class selector .. but still not working

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 24-Dec-13 1:57am

Put a debugger in the code and try to check if debugger is hitting it or not.

Torakami 24-Dec-13 7:19am

i checked that but in the if condition he is unable to track model popup and going out of scope ..problem coming on
if ($find("ModalPopupExtender")) { this line ...

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 24-Dec-13 7:23am

That means the ID "ModalPopupExtender" is wrong.

Check the HTML in browser and try to locate the ModalPopupExtender and see what is its ID.
Use that ID.

Torakami 24-Dec-13 7:34am

thats not id its a control name .. id would be different for each model popup ..

Rick Cole · Answer 2 · 2013-12-23T18:22:00

You have to register keypress event on page load. You can place this code in master page ans add all 'ModalPopupExtenderBehaviorID' in 'if' condition.

PHP

function my_onload() {
     window.addEventListener("keypress", function (event) { myExtension_with_keypress.init(event); }, false);

     var myExtension_with_keypress = {
         init: function (event) {
             if (event.keyCode == 27) {
                 $find('ModalPopupExtenderBehaviorID').hide();
                 return false;
             }
         }
     }
 }

 window.onload = my_onload;