Hi all,

I wrote a javascript function and i call on the click event of linkbutton(LinkButton2).I want the text of that linkbutton .How to achieve using javascript?Anyone pls give a solution.
Thanks

<asp:GridView

ID="GridView1" runat="server">
<asp:TemplateField HeaderText="Name" SortExpression="P_NAME">
<ItemTemplate>
<img src="images/open.gif" />
<asp:LinkButton ID="LinkButton2" runat="server" OnClientClick="javascript:return addtab();" CausesValidation="false"
CommandName="name" Text='<%# Eval("[ name]") %>' CommandArgument='<%# Eval("[Id]") %>'></asp:LinkButton>

</ItemTemplate>
</asp:TemplateField>
</asp:GridView>


<script language="javascript" type="text/javascript">
function addtab(){

alert("begin");
var tabctrl1 = window.parent.igtab_getTabById("Tab2");
tabctrl1.Tabs[2].setEnabled(true);
tabctrl1.Tabs[2].setVisible(true);
var b = document.getElementById("LinkButton2");
alert(b.innerText); //this not working
alert("end");

}
</script>
  function addtab(){ alert("begin"); var tabctrl1 = window.parent.igtab_getTabById("Tab2"); tabctrl1.Tabs[2].setEnabled(true); tabctrl1.Tabs[2].setVisible(true); var b = document.getElementById("LinkButton2"); alert(b.innerText); //this not working alert("end"); }

use this :

  <asp:LinkButton ID="LinkButton2" runat="server" OnClientClick="javascript:return addtab(this);" CausesValidation="false"
CommandName="name" Text='<%# Eval("[ name]") %>' CommandArgument='<%# Eval("[Id]") %>'></asp:LinkButton>

 

  function addtab(sender){

alert(sender.value);

} 

Steelymar:

use this :

  <asp:LinkButton ID="LinkButton2" runat="server" OnClientClick="javascript:return addtab(this);" CausesValidation="false"
CommandName="name" Text='<%# Eval("[ name]") %>' CommandArgument='<%# Eval("[Id]") %>'></asp:LinkButton>

 

  function addtab(sender){

alert(sender.value);

} 

Sorry but there is no "value" property in that control.

That is because this: var b = document.getElementById("LinkButton2") will not work for controls in a Grid since the ID becomes something like: "GridView1_ctl02_LinkButton2" when the Grid is rendered.

The easies way to fix that is by using the this pointer:
<asp:LinkButton ID="LinkButton2" runat="server" OnClientClick="javascript:return addtab(this);" ...

Change your JavaScript accordingly:
<script type="text/javascript">
<!--
function addtab(linkButtonRef)
{
 //alert('begin');
 var tabctrl1 = window.parent.igtab_getTabById('Tab2');
 tabctrl1.Tabs[2].setEnabled(true);
 tabctrl1.Tabs[2].setVisible(true);

 // var b = document.getElementById('LinkButton2');
 alert(linkButtonRef.innerText); //this not working
 //alert('end');
}
// -->
</script>

Also note that you are using the innerText property wich will only work in Internet Explorer.

var elementValue = '';

if ( elementRef.textContent )
{
 // Firefox...
 elementValue = elementRef.textContent;
}
else if ( elementRef.innerText )
{
 // IE...
 elementValue = elementRef.innerText;
}
else
{
 // Default...
 elementValue = elementRef.innerHTML;
 var regExp = /<\/?[^>]+>/gi;

 elementValue = elementValue.replace(regExp, '');
}

NC...

Yes, you are right. I am sory for the oversight.

After short investigation I found that LinkButton have title attribute and it can be used to pass values to function:

<script type="text/javascript">

function addtab(sender){

      alert(sender.title);

}

</script>

<asp:LinkButton ID="LinkButton2" runat="server" OnClientClick="javascript:return addtab(this);" CausesValidation="false"
CommandName="name" Text='<%# Eval("[ name]") %>'  title='<%# Eval("[ name]") %>' CommandArgument='<%# Eval("[Id]") %>'></asp:LinkButton> 

Thank you NC01 for the redress.

 

Steelymar:

Yes, you are right. I am sory for the oversight.

After short investigation I found that LinkButton have title attribute and it can be used to pass values to function:

<script type="text/javascript">

function addtab(sender){

      alert(sender.title);

}

</script>

<asp:LinkButton ID="LinkButton2" runat="server" OnClientClick="javascript:return addtab(this);" CausesValidation="false"
CommandName="name" Text='<%# Eval("[ name]") %>'  title='<%# Eval("[ name]") %>' CommandArgument='<%# Eval("[Id]") %>'></asp:LinkButton> 

Thank you NC01 for the redress.

An asp:LinkButton does NOT have a "title" property. It has a ToolTip property, but I certainly would never use that to pass values to a function. That property is for displaying info to the user. You need to use either the textContent property (Firefox), the innerText property (IE), or the innerHTML property (works on all browsers).

NC...