Simple Popup

By Alex Lisenkov

HTML

<body>
    <div id="popup">
        <h1>Popup</h1>
        <p>This is Jquery popup</p>
        <a href="#" id="close_popup">close popup</a>
    </div>
    <a href="#popup" id="open_popup">Open popup</a>
</body>

CSS

body{
    background: #eee;
}
#popup{
    position: fixed;
    background: #ccc;
    display: none;
    top: 20px;
    left: 50px;
    width: 300px;
    height: 200px;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 5px;
    color: #fff;
}

JavaScript

$("#open_popup").click(function(){
    $("#popup").css("display", "block");
  });

  $("#close_popup").click(function(){
    $("#popup").css("display", "none");
  }); 
  
$(document).keydown(function(e) { 
			if (e.keyCode == 8) alert('Not Allowed');
    });