Open URL in New Tab Instead of New Window

Question

I am using the following code to open the file with dropdown selected value from a url

Protected Sub ddlPS_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles ddlPS.SelectedIndexChanged
        ClientScript.RegisterStartupScript(Me.GetType(), "openfile", String.Format("var w = window.open('http://foods.shakarganj.com.pk/pdf/{0}.pdf');", ddlPS.SelectedValue), True)
    End Sub

Problem is that when i select the Value from dropdown it opens the file in window and also refresh the parent page.I want to avoid the the parent refreshing and want to open the file in new tab intead of in new window.

In firefox this will work `var w = window.open('http://foods.shakarganj.com.pk/pdf/{0}.pdf','_newtab');` — Emmanuel N, Dec 27 '11 at 14:37

score 1 · Answer 1 · edited May 23 '17 at 12:03

1

Your dropdown change is causing a postback to the server. You can avoid this behavior turning off the auto postback and binding a client script event to open the new window on a new tab.

The solution you need: ASP.Net Open New Tab in Browser from CodeBehind.

edited May 23 '17 at 12:03

Community

1
1

answered Dec 27 '11 at 14:36

Rui Marques

3,429
1
22
26

This post is for hyperlink but i am asking to open new tab in chrome using dropdownlist.Anyone please tell me about dropdown – Adeel Aslam Dec 28 '11 at 04:05
The same logic, just bind an javascript event for each item that will open the link. – Rui Marques Dec 28 '11 at 09:43

score 0 · Answer 2 · answered Dec 27 '11 at 14:41

0

In firefox this will work, add target _newtab on your window.open

var w = window.open('http://foods.shakarganj.com.pk/pdf/{0}.pdf','_newtab');

For IE you have to force users to change browser configuration, so that new windows will be opening as tabs

answered Dec 27 '11 at 14:41

Emmanuel N

7,350
2
26
36

But sir i have to use Chrome please tell some abt chrome – Adeel Aslam Dec 28 '11 at 03:56

score 0 · Accepted Answer · answered Dec 28 '11 at 16:10

To prevent page refresh use jquery to open link:-

<script type="text/javascript">
        $(document).ready(function () {
            $('#<%=ddlPS.ClientID %>').change(function (event) {
                event.preventDefault();
                var w = window.open('http://foods.shakarganj.com.pk/pdf/' + $(this).val() + '.pdf');
            });
        });
    </script>

Open URL in New Tab Instead of New Window

3 Answers3