Window.showModalDialog Replacement

25,107

Solution 1

You could use polyfills to resolve this issue. Click here for more details

Another link that could help

Solution 2

Hi if your concern is that u can edit the parent window even after opening the popup(Which was not the case with showModalDialog), then u can use code something like this using window.open()

<html>
<head>
<script type="text/javascript">

var popupWindow=null;

function child_open()
{ 
if(popupWindow && !popupWindow.closed)
  popupWindow.focus();
else
  popupWindow =window.open('(Any html file)',"_blank","directories=no, status=no, menubar=no, scrollbars=yes, resizable=no,width=600, height=280,top=200,left=200");

}
function parent_disable() {
 if(popupWindow && !popupWindow.closed)
   popupWindow.focus();
}
</script>
</head>
<body onFocus="parent_disable();" onclick="parent_disable();">
  <a href="javascript:child_open()">Click me</a>
</body>    
</html>
Share:
25,107
Kar Reddy
Author by

Kar Reddy

UI Designer / Developer. Expert in designing

Updated on March 26, 2020

Comments

  • Kar Reddy
    Kar Reddy over 3 years

    My project was totally involved in asp.net, We are working on browser compatibility issues,

    window.showModalDialog is not working in chrome please help me with any replacement, other than window.open

  • John Smith
    John Smith about 2 years
    You should provide information in your answers, not links to information. Links are transient.