button click call same function

Question

0.00/5 (No votes)

See more:

Calling a js function on button click. The function gets called. I get the button object and call click() on it again(in the same function). I am not very clear of how the page life cycle goes but. the function isn't called again. What I think is - the flow should have gone recursive. Any guidance would help.
aspx markup:

ASP.NET

<asp:Button ID="btnTest" runat="server" Text="Click Me" OnClientClick="testJSfunc();"/>

javascript

JavaScript

function testJSfunc() 
{ 
alert('TEST'); 
document.getElementById('<%=btnTest.ClientID %>').click(); 
}

Posted 12-Dec-11 7:56am

Samresh.ss

Updated 12-Dec-11 7:59am

Monjurul Habib

v2

Add a Solution

1 solution

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)

Monjurul Habib · Answer 1 · 2011-12-12T08:33:00

Solution 1

Try the following:

ASPX MARKUP
Make sure onclick="btnTest_Click" exists

C#

<asp:Button ID="btnTest" runat="server" Text="Click Me" OnClientClick="testJSfunc();" onclick="btnTest_Click"/>

JavaScript

XML

<script type="text/javascript">
    function testJSfunc() {
        alert('TEST');
        __doPostBack('btnTest', 'OnClick');
    }
</script>

C#

CODE BEHIND

protected void btnTest_Click(object sender, EventArgs e)
   {
       /* your code */
   }

Let me know if you have any trouble.

[UPDATED]

If you want to execute the function twice only then apply the following code:

XML

<script type="text/javascript">
       var clickCount = 0;
       function testJSfunc() {
           if (clickCount < 1) {
               alert('TEST');
               //            __doPostBack('btnTest', 'OnClick');
               document.getElementById('<%=btnTest.ClientID %>').click();
           }
           clickCount = clickCount + 1;
       }
   </script>

Posted 12-Dec-11 8:33am

Monjurul Habib

Updated 12-Dec-11 9:14am

v3

Comments

RaviRanjanKr 12-Dec-11 14:37pm

Nice Answer, My 5!

Monjurul Habib 12-Dec-11 14:38pm

thank you

Samresh.ss 12-Dec-11 14:52pm

Thanks. But I wanted to call testJSfunc again inside the testJSfunc by getting the button object(btnTest) and calling click() on it. Or am I missing something.

Monjurul Habib 12-Dec-11 14:57pm

if you do that it becomes recursive. What you want actually? what is the purpose for calling this function again? make it clear to help you.

Samresh.ss 12-Dec-11 18:09pm

Yes sir. Thats my question. It should become recursive. But it doesn't. That is my query actually. Why doesn't it.

Monjurul Habib 12-Dec-11 23:21pm

how many times do you need to execute this function ?

Samresh.ss 13-Dec-11 1:07am

It's not that I want to execute the question a particular number of times. The point is I saw this code somewhere and my instant thought was the function would be called recursively infinite number of times. But actually on running it was called only once. That's why I wanted to understand - why this behavior

Monjurul Habib 13-Dec-11 1:20am

there is no reason to fail the script according to your requirement if browser javascript is enable. anyway, which browser your are using ?

Monjurul Habib 12-Dec-11 15:15pm

if you want to execute the function twice only then look at my updated answer.

Wonde Tadesse 12-Dec-11 21:33pm

5+

Monjurul Habib 12-Dec-11 23:18pm

thank you, Wonde