html Modal popup

Question

How to make a simple modal popup for the following code.And on click on the background the modal popup should not disappear.

Answer 1

you can also use native HTML5.1 dailog. currently dialog element is only supported in Chrome 37+, Safari 6+ and Opera 24+.

var dailog = document.getElementById("dialog"); 

function openModal() { 
   // dailog.show(); 
      dailog.showModal();
} 

function closeModal() { 
    dailog.close(); 
} 

#dialog{width:300px;}
.right{float:right}

Show dialog


This is a dialog window



Close