How to open a MVC 4 view in a new popup window from javascript ?

Question

0.00/5 (No votes)

See more:

I have a MVC view page in which there is a HTML ActionLink and on click of that action link, i want to open a new popup window without closing the previous one. In this new popup window i want to show a MVC view but i am unable to do that.

What I have tried:

Now i am using the following codes to do that:

JavaScript

<script type="text/javascript">
$(function () {
    $('a.edit').click(function () {
        var url = $(this).attr('href');
        window.showModalDialog(url, "#1", "dialogHeight:600px;dialogHeight:400px;dialogWidth:700px;dialogTop:300px;dialogLeft:400px;edge:Raised;center:Yes;help:No;Resiable:No;Status:No;");
    });
    return false;
});
</script>

HTML

@Html.ActionLink("Answer", "getanswer", new {controller="Question"}, new {target="_blank",@class="edit"})

But the problem is that instead of opening as a popup window it is opening in a new tab window. So i an unable to find where i am doing wrong.
And i also tried window.open instead of window.showModalDialog but i am getting the same result.

So if anybody can find where i am doing wrong or how to solve this problem please help me to resolve.

Posted 12-Dec-16 16:01pm

AParija

Updated 12-Dec-16 19:57pm

Add a Solution

2 solutions

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

ManoharGPatil · Answer 1 · 2016-12-12T18:10:00

HTML

<pre><h2>Index</h2>
<a href="#" name="edit" id="edit" onclick="popup('http://localhost:51337/Home/PopupWindow');">click me</a>
<script>
    function popup(url)
    {
         window.open(url, "#1", "dialogHeight:600px;dialogHeight:400px;dialogWidth:700px;dialogTop:300px;dialogLeft:400px;edge:Raised;center:Yes;help:No;Resiable:No;Status:No;");
   }
    
</script>

Rafeeque B Muhammad · Answer 2 · 2016-12-12T19:57:00

Solution 2

Please implement and dialogue plugin if you want to open in the same window.

You can try below jquery UI plugin

Dialog | jQuery UI[^]

Posted 12-Dec-16 19:57pm

Rafeeque B Muhammad

How to open a MVC 4 view in a new popup window from javascript ?

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

How to open a MVC 4 view in a new popup window from javascript ?

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

Existing Members

...or Join us