Changing Window.open to modal dialog javascript

Question

I am working on some browser neutral issue and I see code is in window.open() for new window, it works in IE-11(but not modal pop-up) and not in any other browsers such as Edge, Safari, Chrome.

the currently the window.open() is not of Modal type so is there any way I can change this window to modal and could work in all above mentioned browsers in a easy way ?

here is the code

function ShowAbbreviationDefinition_onclick()
    {
        var windowOptions = "toolbar=no,location=no,status=no,menubar=no,scrollbars=no,height=400,width=400,left=300,top=150"
        window.open("../UserControls/Somepage.aspx", "", windowOptions);
    }

Thanks.

There are lots of different modal/dialog scripts and plugins readily available all over the web. Did you even try looking? — charlietfl
– charlietfl, Commented Jan 4, 2017 at 5:50

Community · Accepted Answer · 2017-05-23 11:53:40Z

0

If you want a native ASP.NET component, you can refer to MSDN blog posts.

Otherwise, jQueryUI provides an entire framework with a completely client-based modal called Dialog.

You'll want to understand that an iframe will need to contain the Somepage.aspx URI. See this other answer.

edited May 23, 2017 at 11:53

CommunityBot

11 silver badge

answered Jan 4, 2017 at 6:20

Jeff Meatball Yang

39.2k27 gold badges94 silver badges125 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Bharatsing Parmar · Accepted Answer · 2017-01-04 06:24:19Z

0

You can try using jQuery UI dialog. For that you need to add jQuery UI css and js files to your page.

<div id="dialog" style="display:none;"></div>

function ShowAbbreviationDefinition_onclick(url){
    $("#dialog").append($("<iframe />").attr("src", "UserControls/Somepage.aspx")).dialog();
}

edited Jan 4, 2017 at 6:24

answered Jan 4, 2017 at 5:57

Bharatsing Parmar

2,4551 gold badge11 silver badges18 bronze badges

1 Comment

charlietfl Over a year ago

jQuery doesn't have a dialog, jQueryUI does but also requires including source files which isn't mentioned here

Collectives™ on Stack Overflow

Changing Window.open to modal dialog javascript

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related