Working of "this" pointer in javascript

Question

0.00/5 (No votes)

See more:

I am using three "LinkButtons" and a "Hidden Field". When user click on LinkButton, The Hidden value should be changed to LinkButton Text.So instead of using 3 different functions for OnClientClick, I am using a single work Function.
To achive my task I need to use "this" pointer in javascript.
I used "this" pointer in work() Function.

XML

<asp:LinkButton ID="lnkbProjects" runat="server"
        OnClientClick="work();">Home</asp:LinkButton>
    <asp:LinkButton ID="lnkbDocuments" runat="server"
        OnClientClick="work();">Section</asp:LinkButton>
    <asp:LinkButton ID="lnkbItems" runat="server"
        OnClientClick="work();" >Class</asp:LinkButton>
    <asp:HiddenField ID="hidlabel" runat="server" Value="I am old value" />

 <script type="text/javascript">
 function work()
 {
    document.getElementById('<%=hidlabel.ClientID%>').value=
    document.getElementById('<%=this.ClientID%>').innerText;
 }
</script>

When I tryed this, I am getting runtime error
"Microsoft JScript runtime error: Object required"

Posted 25-Apr-11 23:25pm

swathi6589

Updated 25-Apr-11 23:50pm

v4

Add a Solution

Comments

Sandeep Mewara 26-Apr-11 5:29am

Care to elaborate what, where and why you want to use a 'this'?

3 solutions

Solution 1

http://www.quirksmode.org/js/this.html[^] could help you.

Posted 26-Apr-11 0:28am

Abhinav S

Comments

Sergey Alexandrovich Kryukov 26-Apr-11 15:51pm

Pretty clear short article, my 5.
--SA

Abhinav S 26-Apr-11 23:16pm

Thank you for the 5, SA.

swathi6589 27-Apr-11 0:40am

Good link,Thank you Abinav

Abhinav S 27-Apr-11 2:32am

You are welcome. Vote if it helped.

Hemant__Sharma 30-Apr-11 5:42am

Yes very good article My 5 too

Abhinav S 1-May-11 22:13pm

Thanks.

Solution 3

another way of using this:

XML

<asp:LinkButton ID="lnkbProjects" runat="server">Home</asp:LinkButton>
    <asp:HiddenField ID="hidlabel" runat="server" Value="I am old value" />

 <script type="text/javascript">
 document.getElementById('<%=lnkbProjects.ClientID%>').onclick = work;
 function work()
 {
    document.getElementById('<%=hidlabel.ClientID%>').value=
    document.getElementById(this.id).innerText;
 }
</script>

Posted 29-Apr-11 23:41pm

Hemant__Sharma

Comments

swathi6589 9-May-11 7:57am

Thank u Hemant

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

Steven.Pinto2000 · Accepted Answer · 2011-04-29T21:52:00

Thanks for the Q and here is tha ans

XML

<asp:LinkButton ID="lnkbProjects" runat="server"
        OnClientClick="work(this);">Home</asp:LinkButton>
    <asp:LinkButton ID="lnkbDocuments" runat="server"
        OnClientClick="work(this);">Section</asp:LinkButton>
    <asp:LinkButton ID="lnkbItems" runat="server"
        OnClientClick="work(this);" >Class</asp:LinkButton>
    <asp:HiddenField ID="hidlabel" runat="server" Value="I am old value" />
 <script type="text/javascript">
 function work(getval)
 {
    document.getElementById('hidlabel').value=
    document.getElementById(getval.id).innerText;
 }
</script>

Working of "this" pointer in javascript

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0

Existing Members

...or Join us