Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Close a customized box at ESC keypress with JQuery
- <div id="modal-dialog" class="no-display">
- <div class="form">
- <div class="close">
- </div>
- <div align="center">
- <h2><u>form</u></h2>
- </div>
- <form>
- <label for="yourname">Full name:</label><input type="text" name="yourname">
- <label for="email">E-mail:</label><input type="text" name="email">
- <label for="message">Message:</label></textarea><textarea type="text" name="message"></textarea><br/>
- <div class="clear"></div>
- <p align="center"><button>Send feedback</button></p>
- </form>
- </div>
- </div>
- $("#clickfeed").live("click", function() {
- $("#modal-dialog").removeClass("no-display");
- });
- $("#modal-dialog").live("keyup", function(e) {
- if(e.keyCode === 27 && !($(this).hasClass("no-display")))
- {
- $("#feedback-modal-dialog input").each(function() {
- $(this).attr("value","");
- });
- $("#feedback-modal-dialog textarea").each(function() {
- $(this).val("");
- });
- $("#modal-dialog").addClass("no-display"); //or .hide()
- }
- });
- $("html").live("keyup", function(e) {
- if(e.keyCode === 27 && !($('#modal-dialog').hasClass("no-display")))
- escape_check();
- }
- }
- function escape_check() {
- $("#modal-dialog").removeClass("no-display");
- $("#feedback-modal-dialog input").each(function() {
- $('#modal-dialog').attr("value","");
- });
- $("#feedback-modal-dialog textarea").each(function() {
- $('#modal-dialog').val("");
- });
- $("#modal-dialog").addClass("no-display"); //or .hide()
- }
Advertisement
Add Comment
Please, Sign In to add comment