how can i close my ajaxpopup on pressing esc key

Question

0.00/5 (No votes)

See more:

Hi,

I have AJAX modal popup. I want it to be closed on pressing ESC key.

XML

<script type="text/javascript">
        document.onkeyup = Esc;
        function Esc() {
            var KeyID = event.keyCode;
            if (KeyID == 27) {
                if ($find("mpForLeave")) {
                    $find("mpForLeave").hide();
                }
                
            }
        }

So I have written this script. But I am unable to understand where I should call this?
Please help.

Posted 6-Aug-13 20:20pm

Torakami

Updated 6-Aug-13 20:25pm

Ankur^\m/

v2

Add a Solution

Comments

Ankur^\m/ 7-Aug-13 2:27am

You can write it on jQuery document ready event.

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)

TrushnaK · Answer 1 · 2013-08-06T20:28:00

Solution 1

Use below in your page like:-

XML

<script type="text/javascript">
$(document).keyup(function(e) {
    if (e.keyCode == 27)
    {
       $find("mpForLeave").hide();
    }
});
</script>

Posted 6-Aug-13 20:28pm

TrushnaK

Comments

Torakami 7-Aug-13 2:53am

i tried this but not working .. may be because my modal popup is inside update panel .. suggest

Torakami 7-Aug-13 2:53am

Do i need to call this function somewhere else as well ??

TrushnaK 7-Aug-13 3:09am

try to use in comman.js file and add reference of that js to page.

Dholakiya Ankit · Answer 2 · 2013-08-06T21:02:00

Solution 2

document.onkeydown = overrideKeyboardEvent;

JavaScript

function overrideKeyboardEvent(e){
if(e==null)
{
    e=window.event;
}
  switch(e.type){

PHP

if (e.keyCode == 27)
   {
      $find("mpForLeave").hide();

// now you are getting here error
instead you can use $("#uridofelement").hide();
   }
}
}

regards ...:)

Posted 6-Aug-13 21:02pm

Dholakiya Ankit

Updated 6-Aug-13 21:20pm

v2

Comments

Torakami 7-Aug-13 3:10am

why switch .. n where are we checking cases .. not proper i guess

Dholakiya Ankit 7-Aug-13 3:14am

it proper e.type means event and switching for if you want to use different keys then you can add here torakami regards ..:)

Torakami 7-Aug-13 3:18am

its giving me an error can not set hide to null . that means he is unable to find control .. because of update panel i guess

Dholakiya Ankit 7-Aug-13 3:19am

give me ur source code of html

Dholakiya Ankit 7-Aug-13 3:20am

check updated