How can I make window.showmodaldialog work in chrome 37?

by

I put the following javascript in the page header and it seems to work. It detects when the browser does not support showModalDialog and attaches a custom method that uses window.open, parses the dialog specs (height, width, scroll, etc.), centers on opener and sets focus back to the window (if focus is lost). Also, it uses the URL as the window name so that a new window is not opened each time. If you are passing window args to the modal you will need to write some additional code to fix that. The popup is not modal but at least you don’t have to change a lot of code. Might need some work for your circumstances.

<script type="text/javascript">
  // fix for deprecated method in Chrome 37
  if (!window.showModalDialog) {
     window.showModalDialog = function (arg1, arg2, arg3) {

        var w;
        var h;
        var resizable = "no";
        var scroll = "no";
        var status = "no";

        // get the modal specs
        var mdattrs = arg3.split(";");
        for (i = 0; i < mdattrs.length; i++) {
           var mdattr = mdattrs[i].split(":");

           var n = mdattr[0];
           var v = mdattr[1];
           if (n) { n = n.trim().toLowerCase(); }
           if (v) { v = v.trim().toLowerCase(); }

           if (n == "dialogheight") {
              h = v.replace("px", "");
           } else if (n == "dialogwidth") {
              w = v.replace("px", "");
           } else if (n == "resizable") {
              resizable = v;
           } else if (n == "scroll") {
              scroll = v;
           } else if (n == "status") {
              status = v;
           }
        }

        var left = window.screenX + (window.outerWidth / 2) - (w / 2);
        var top = window.screenY + (window.outerHeight / 2) - (h / 2);
        var targetWin = window.open(arg1, arg1, 'toolbar=no, location=no, directories=no, status=" + status + ", menubar=no, scrollbars=" + scroll + ", resizable=" + resizable + ", copyhistory=no, width=" + w + ", height=" + h + ", top=' + top + ', left=" + left);
        targetWin.focus();
     };
  }
</script>

More Related Contents:

  1. Jquery load() only working in firefox?
  2. How to do the same in JavaScript? [closed]
  3. Get the real width and height of an image with JavaScript? (in Safari/Chrome)
  4. Is it possible to display a custom message in the beforeunload popup?
  5. How to wait until an element exists?
  6. JSFiddle code not working in my own page
  7. How to use jQuery in chrome extension?
  8. How can I prevent the backspace key from navigating back?
  9. “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
  10. Export to csv in jQuery
  11. jQuery returning “parsererror” for ajax request
  12. TypeError: $(…).DataTable is not a function
  13. How can I remove the “No file chosen” tooltip from a file input in Chrome?
  14. Setting onbeforeunload on body element in Chrome and IE using jQuery
  15. How can I retain the scroll position of a scrollable area when pressing back button?
  16. Add to browser favorites/bookmarks from JavaScript but for all browsers (mine doesn’t work in Chrome)?
  17. How to disable Chrome’s saved password prompt setting through JavaScript
  18. Disable Chrome strict MIME type checking
  19. jQuery DataTables server-side processing using ASP.NET WebForms
  20. Proper way to reset a GIF animation with display:none on Chrome
  21. Iframe.readyState does not work in chrome
  22. jQuery in Chrome returns “block” instead of “inline”
  23. Get the offset position of the caret in a textarea in pixels [duplicate]
  24. Get cursor or text position in pixels for input element
  25. How to find what code is run by a button or element in Chrome using Developer Tools
  26. Chrome Extension “Refused to load the script because it violates the following Content Security Policy directive”
  27. Submit form using AJAX in Asp.Net mvc 4
  28. Print repeating Page headers in Chrome [closed]
  29. jQuery addClass onClick
  30. Cross Browser Selection Range Library?

Leave a Comment