Hi,

         I would like to use the javascript for opening new window. so I'm using the following code:

But this is showing me text only.

Please help me in writing javascript in the gridview hyperlink field

hi,

if i m not wrong hyperlinkfield has property called NavigateUrl where you can pass javascript, due to unavailability of web app environment i cant give a try now itself,  can you please try & let me know if it works.

<asp:HyperLinkField text="Edit" HeaderText="Edit"

regards,

satish.

 Hi,uhclstudent:

I suppose this code works fine:

DataNavigateUrlFormatString="javascript:var w =window.open('/Articles/Goto.aspx?ID={0}',null,'width=400,height=400,location=no')"

I use the following approach. I put the anchor tag in the template column and use a JavaScript function to open a new window.

  <asp:GridView ID="gvUsers" runat="server">
    <Columns>
     
    <asp:TemplateField>
    <ItemTemplate>
    <a href="http://forums.asp.net/EditPost.aspx?PostID=1424789&ReturnUrl=%2fShowThread.aspx%3fPostID%3d1424789%231424789#" onclick="OpenWindow('<%# Eval("UserID") %>')">View data..</a>
    </ItemTemplate>
   
    </asp:TemplateField>
   
   
    </Columns> 
   
   
    </asp:GridView>

<script language="javascript" type="text/javascript">

// JavaScript function to open a new window
function OpenWindow(userID)
{
    window.open('NewPage.aspx?userID='+userID,'NewPage','width=300,height=300'); 
}


</script>
 

hi,

you can use following

<%# DataBinder.Eval(Container.DataItem, "fieldname") %>

regards,

satish

azamsharp:

I use the following approach. I put the anchor tag in the template column and use a JavaScript function to open a new window.

  <asp:GridView ID="gvUsers" runat="server">
    <Columns>
     
    <asp:TemplateField>
    <ItemTemplate>
    <a href="http://forums.asp.net/EditPost.aspx?PostID=1424789&ReturnUrl=%2fShowThread.aspx%3fPostID%3d1424789%231424789#" onclick="OpenWindow('<%# Eval("UserID") %>')">View data..</a>
    </ItemTemplate>
   
    </asp:TemplateField>
   
   
    </Columns> 
   
   
    </asp:GridView>

<script language="javascript" type="text/javascript">

// JavaScript function to open a new window
function OpenWindow(userID)
{
    window.open('NewPage.aspx?userID='+userID,'NewPage','width=300,height=300'); 
}


</script>
 

 

 

This issue with hyperlink field unable to run a javascript function has been around for a while. Microsoft confirmed it's a bug. So currently there's NO WAY to make a hyperlink field running a script. Embed the script function and it won't generate a link. As for the work-around using ItemTemplate, there's no need for all that code. It can be as simple as

<ItemTemplate>
    <a href="javascript:window.open('NewPage.aspx?userID=<%# Eval("UserID") %>','NewPage','width=300,height=300');">View data..</a>
</ItemTemplate>
 

tedqn:

This issue with hyperlink field unable to run a javascript function has been around for a while. Microsoft confirmed it's a bug. So currently there's NO WAY to make a hyperlink field running a script. Embed the script function and it won't generate a link. As for the work-around using ItemTemplate, there's no need for all that code. It can be as simple as

<ItemTemplate>
    <a href="javascript:window.open('NewPage.aspx?userID=<%# Eval("UserID") %>','NewPage','width=300,height=300');">View data..</a>
</ItemTemplate>
 

 

aaah, even betterhhh!!!

thank you! 

Hello ;

  I m able to open a window but why my parent window goes blank? Why it also does the postback?

Any way to make the Parent window not to do any thing?

Regards

I write this and it´s ok:

                    <ItemTemplate>
                        <a href="" onclick="javascript:window.open('AclaracionIncidencia.aspx?codigo=<%# Eval("codigo") %>','NewPage','width=300,height=300');return false;"><%# Eval("motivo")%></a>                   
                    </ItemTemplate>

With return false,  not execute click.

 Sorry, i don´t know why, but i can´t write # inside href. Change text and put a long url....You must write # in href.
 

petergs:

 Sorry, i don´t know why, but i can´t write # inside href. Change text and put a long url....You must write # in href.

I did nt get you .. u said first dont write # and then u said write # in href...

 Enviroment Forum change # when i write it in my post and write a long url.....

You must write  # in href field. Sorry, but my english is not good. 

u can try this:

<a href="" onfocus="this.style.color='#0b4fa4'" onmouseout="this.style.color='#0b4fa4'"

style="color:#0b4fa4" onmouseover="this.style.color='Red'" onclick="javascript:window.open('SM_MonitorServiceProcessesPopUp.aspx?ServiceName=<%# Eval("ServiceName") %> & ServiceStatus=<%# Eval("ServiceStatus") %>','NewPage','width=450,left=270,height=450,top=50');return false;" >View Details</a>

You can try this.. it works for me...

just this script reload the parent page.. 

<ItemTemplate>
    <a href="javascript:window.open('NewPage.aspx?userID=<%# Eval("UserID") %>','NewPage','width=300,height=300');window.opener.location.reload(true);">View data..</a>
</ItemTemplate>