Javascript Onclick event

Question

1.00/5 (1 vote)

See more:

Is it possible to call two javascript function in a button's OnClick event.
If possible how can I implement this.Please help me

Posted 20-Mar-13 19:47pm

Sumon562

Add a Solution

2 solutions

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)

vinodkumarnie · Answer 1 · 2013-03-20T22:31:00

See below..

1. Through on client click event

XML

<script type="text/javascript">
    function myfunc1()
    {
        alert('function 1');
    }
    function myfunc2()
    {
        alert('function 2');
    }
 </script>

Html below..

ASP.NET

<asp:button id="Button1" runat="server" text="Button" onclientclick="myfunc1(), myfunc2()" xmlns:asp="#unknown" /> // calling two functions

2. Through JQuery button click event

XML

<script type="text/javascript">
    function myfunc1()
    {
        alert('function 1');
    }
    function myfunc2()
    {
        alert('function 2');
    }
    $(document).ready(function()
    {
        $("#Button2").click(function()
        {
            myfunc1();
            myfunc2();
        });

    });
 </script>

Html below..

ASP.NET

<asp:button id="Button2" runat="server" text="Button" xmlns:asp="#unknown" />

Hope it helps you..

_Amy · Answer 2 · 2013-03-20T19:54:00

Solution 1

Why not? Call the second JavaScript Function in 1st JavaScript Function.
Try this:
HTML:

ASP.NET

<asp:button id="btn" runat="server" onclientclick="javasctipt:return myFunction1();">
</asp:button>

JavaScript:

JavaScript

function myFunction1()
{
    alert("Funcation 1 executed");
    myFunction2();
}
function myFunction2()
{
    alert("Funcation 2 executed");
}

--Amit

Posted 20-Mar-13 19:54pm

_Amy

Updated 20-Mar-13 23:12pm

v2

Comments

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 21-Mar-13 5:13am

[Edit]
Removed xmlns:asp="#unknown" and extra button tags.
[/Edit]

Joezer BH 21-Mar-13 5:58am

It's obvious ;)
but still 5+

fjdiewornncalwe 21-Mar-13 17:59pm

What if myFunction2 does not always run after myFunction1? In that case this introduces a bug.

_Amy 22-Mar-13 0:08am

I think you din't saw the question. The Question is "Is it possible to call two javascript function in a button's OnClick event?". And you know very well that can be done in the function by calling another function. I just gave an example. OP need to handle the error there. He should not FULLY DEPEND on the answer given by me or anyone in CP. Anyway thanks for pointing out the bug.

--Amit

Javascript Onclick event

2 solutions

Solution 3

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us