Impromptu plugin for Alert Boxes
-
18-09-2019 - |
Question
When we use Javascript prompt Box something like this
var ur_name = prompt("Enter Name");
We will have two types of values in this case:
- Value entered by user.
- Second VALUE can be NULL, when user press CANCEL or When he presses ESCAPE Key. Right...!
Now The problem I'm facing is: HOW to Handle escape key in Impromptu plugin of Jquery link text
Code running perfectly When user will enter some value OR press Cancel button
<script type='text/javascript'>
function test()
{
var txt = 'Please enter your name:<br /> <input type="text" id="alertName" name="alertName" value="name here" />';
$.prompt(txt,{
callback: mycallbackform,
buttons: { OK: 'Hello', Cancel: 'Good Bye' }
});
}
function mycallbackform(v,m,f){
if(v=="Hello")
$.prompt("Stack Over flow User:"+' ' + f.alertName);
}
</script>
Cause in this scenario I'm getting cancel or OK button key pressed events, but when user press ESCAPE key mycallbackform will not be called...
Solution
In the past I have always used the jQueryUI .dialog function to provide user dialogs which has the closeOnEscape
option. (http://jqueryui.com/demos/dialog/)
If you have your heart set on using impromptu it should be fairly easy to implement some event handling using the jQuery function keyup -
$(document).keyup(function(event){
if (event.keyCode == 27) {
$(".prompt").hide();
}
});
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow