make hyperlink open in new tab

how do you make an asp:hyperlink open in a new tab when you click it? (rather than the same window)

Re: make hyperlink open in new tab

I don't think you can open a window in a new tab at the moment when browsers support CSS3 you will have the ability open a window in a new tab. This is written about in the W3C standards, you can see it here: http://www.w3.org/TR/2004/WD-css3-hyperlinks-20040224/

Re: make hyperlink open in new tab

raklos
how do you make an asp:hyperlink open in a new tab when you click it? (rather than the same window)

Hi raklos,

Base on my experience, you can refer the following code to solve your problem:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="hyperlinkDemo.aspx.cs" Inherits="hyperlinkDemo" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>hyperlink Demo</title>
    <script language="javascript" type="text/javascript">
    function openNewWindows(){
    window.open("http://www.asp.net");
    }
    
    </script>
</head>

<body>
    <form id="form1" runat="server">
    <div>
    
        <asp:HyperLink ID="hlDemo" runat="server" onclick="openNewWindows()" style="cursor:pointer; text-decoration:underline;">HyperLink Demo </asp:HyperLink>
    
    </div>
    </form>
</body>
</html>


Let me know if I have misunderstood what you mean. Thanks.

Hope it helps,

Hong Gang

Re: make hyperlink open in new tab

just insert target="_blank" in that tag like this:

<asp:HyperLink ID="hyp" NavigateUrl="~/aboutus.aspx" runat="server" Text="click" Target="_blank"></asp:HyperLink>

Bye

Prashant.

Re: make hyperlink open in new tab

Insert target property of hyperlink as target = "_blank"..

hope that solves the problem.

Re: make hyperlink open in new tab

Hi raklos

yov can set Target Property of that Hyperlink to _blank

or if You are calling javascript on OnClick event then Write Window.open("Page to open")

Priya.

Re: make hyperlink open in new tab

<asp:HyperLink Target="_blank" ID="lnkBlogSite" NavigateUrl="http://realfantasy.wordpress.com" Text="My Blog Site" runat="server" />

if browser support TABs it will surely work

Re: make hyperlink open in new tab

SET Property of hyper link

Target="_blank"

Re: make hyperlink open in new tab

Set Target to "_blank", Javascript will just base on IE 7 's setting. If IE 7 use open a new window as default setting. It will open a new window. if not, it will open a new tab.

Re: make hyperlink open in new tab

Hi All,

Can this also be done for a Link button within a grid view? i.e something like this to open in a new tab rather than a new window...i tried this and it returned a new window instead of a new tab!!

i also tried changing the target to "_new" still no luck and i am uisng IE7 browser..any suggestions please?

<asp:gridview ID="gvbooks" runat="server">

<asp:TemplateField ItemStyle- horizontalAlign="Center">

<a id="lnkDetails" runat="server" target="_blank">details</a>

</ItemTemplate>

<asp:TemplateField>

</Columns>

</asp:gridview >

Re: make hyperlink open in new tab

Hi Guys,

what gives??? i looked at this post:

http://forums.asp.net/p/1176140/2399710.aspx#2399710

Mikesdotnetting Mike's answer

and then re-visited my code as it says Linkbutton cannot open a new tab so i tried using a hyperlink as suggested, it only worked partially it did display my details page in the EXISTING tab and not a NEW Tab, hence i can not see my original Page where i clicked the link from in my Gridview, as it has not been replaced by the details page, i want the details page in anew tab and not use my original tab of my master page...any suggestions ? thanks!

<asp:gridview ID="gvbooks" runat="server">

<asp:TemplateField ItemStyle- horizontalAlign="Center">

<a id="lnkDetails" runat="server" target="_blank">details</a>// i was using a link button before so now i switched to a hyperlink..line below

<asp:HyperLink id="lnkDetails" runat="server" Target="_blank" NavigateUrl="~/PMDetail.aspx">Details</asp:HyperLink>

</ItemTemplate>

<asp:TemplateField>

</Columns>

</asp:gridview >

Re: make hyperlink open in new tab

1. Opening in a new tab is entirely a browser setting. No solution is GUARANTEED to work in any and all of IE7, FF and Opera. Period.

2. If the browser is set up properly (with open links in tabs), setting target to _blank or using window.open('url') will both work. The js is preferred as some believe that target mau cause validation issues.

Re: make hyperlink open in new tab

Yes thanks ,i already solved that issue, I just think the previous posts above where not being clear enough, if you are telling some one to use the Target="_blank" then you you point out that they need to adjust their Browser settings that is in IE7 under Tools menu ---> internet options---> General under the Tabs Section they need to click on the open a new Tab in current window radiobutton.

Then it will work, as i tested everyones solution above which is correct but did not work until the I Changed the Browser Settings.

thanks

Re: make hyperlink open in new tab

This is the most simple way to write a hyperlink

<a href="http://www.wickedawesomefilms.com" TARGET="_BLANK">Wickedawesomefilms.com</a>
This will open a link in a new tab without leaving the browser your using.

Re: make hyperlink open in new tab

hi,

You can aslo use below code:

<asp:HyperLink ID="lnkCompany" runat="server" onClick="window.open('http://www.ems-works.com/aboutus.aspx','mywindow','width=800,height=400,toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,copyhistory=yes, resizable=yes')" Text="Home" Width="80px"></asp:HyperLink>

</div></div>

Re: make hyperlink open in new tab

Hi all, I am also trying to click on my hyperlink and for it to open up in a different tab, but no such luck.

What if you have your code inside a content page? Will it still work?

Here is my code, <%@ Page Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false" CodeFile="Quiz_home.aspx.vb" Inherits="Quiz_home" title="Quiz page" EnableSessionState ="True" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%">
        <tr>
            <td colspan="2" style="height: 60px;" align="center">
                <asp:HyperLink ID="HyperLink1" NavigateUrl="c:\web\DAS\Training\TNG_1/index.html" runat="server" Visible="False">Lesson 1</asp:HyperLink>
            </td>
</table>
</asp:Content>

Thanks,

Re: make hyperlink open in new tab

<asp:HyperLink Target="_blank" ...

Re: make hyperlink open in new tab

If I have to pass a variable to the next page how can I do it?

for example ID=<%# Eval("ID")%>

Re: make hyperlink open in new tab

Add a querystring aparameter to the NavigateUrl. So, something like:

<asp:HyperLink Target='_blank" NavigateUrl='SecondPage.aspx?id=1234' ...

And on the second page, you can retrieve the value by

string valueOfParameterNamedId = Request["id"];