Multiple Functions for Single Event in JQuery

Question

I have one function for one element:

<a href="javascript:void(0);" onclick="dothis()">Link</a>

When this function is done, how can I run another function after this one?

For example, if this function returns true, then the script will run another function and if not, it will not run the second function.

Or have the second function run without regard to the result of the first function.

Any help appreciated :)

Just call the function after that function. If you are already using jQuery, I recommend to use it also for binding the event handler. — Felix Kling
– Felix Kling, Commented Jun 21, 2012 at 19:43

casraf · Accepted Answer · 2012-06-21 19:45:19Z

3

<a href="javascript:void(0);" onclick="if (dothis() == true) dothat();">Clicky</a>

answered Jun 21, 2012 at 19:45

casraf

21.8k10 gold badges60 silver badges93 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Felix Kling Over a year ago

Better: if (dothis()) dothat();.

zarkoz Over a year ago

This is what I could use thanks :) It's easy to add another function inside original one, but I had something else in mind

casraf Over a year ago

@FelixKling Yeah, true, but unlike PHP, JS always confuses me as to what it considers a "true" statement... I sometimes can't check for a null without it breaking!

Felix Kling Over a year ago

Yeah, this can be confusing. But if we assume that the function returns true then there is really no reason to compare it to true.

Robert · Accepted Answer · 2012-06-21 19:45:05Z

2

You can simply call another function from dothis()

 function dothis(){

  // Do something

    if(val == true)
    {
     // Call another function
      anotherFunction();
    }

 }

answered Jun 21, 2012 at 19:45

Robert

1,9051 gold badge17 silver badges24 bronze badges

Comments

Nicole · Accepted Answer · 2012-06-21 20:15:42Z

2

The most concise way:

doThis() && doThat();

jQuery:

$('#el').click(function() {
    doThis() && doThat();
});

HTML:

<a href="javascript://" onclick="doThis() && doThat();">Link</a>

answered Jun 21, 2012 at 20:15

Nicole

33.3k11 gold badges78 silver badges102 bronze badges

Comments

11684 · Accepted Answer · 2012-06-28 09:37:19Z

2

In the onclick attribute, you can use normal javascript, socalled inline javascript. So you could do (disencouraged):

<a onclick="if(dothis()) dothat()" />

You could do (recommended):

<a onclick="dothisandthat()" />

<script>
    function dothisandthat() {
        if (dothis())
            dothat();
</script>

edited Jun 28, 2012 at 9:37

answered Jun 21, 2012 at 19:47

11684

7,52812 gold badges52 silver badges74 bronze badges

5 Comments

casraf Over a year ago

Why is that not recommended? Maybe he wants to only use the second function in one specific link while all others do not share the same logic. Naturally he /could/ use a parameter (maybe a boolean) to determine which function call would trigger the second one, but seeins as this is unneeded and takes more space, is that really necessary?

11684 Over a year ago

Inline javascript should always be kept short. @OhMrBigshot

11684 Over a year ago

One function is still readable, but putting an if-statement in there doesn't help. Things get interesting when adding an else-clause.

casraf Over a year ago

I'm not sure that's a real problem, I thinkan if and else is ok. I've seen IP.Board do worse!

11684 Over a year ago

That could be server generated. You don't know how that looks like in PHP. that could be something like: <el onclick="<? echo $scriptToDoSomething ?>" />. That stays readable, and the scripts can even be in an included (or required) PHP file.

Mohsen · Accepted Answer · 2012-06-21 19:44:17Z

0

call the other function at end of dothis

If you want to use dothis with other elements. simply use a callback function.

function dothis(callback) {

 // code

 callback();

}

then use it like this:

dothis(dothisafter);

answered Jun 21, 2012 at 19:44

Mohsen

66.1k37 gold badges164 silver badges187 bronze badges

Comments

Prasenjit Kumar Nag · Accepted Answer · 2012-06-21 19:44:54Z

0

You can just call that another function at the end of dothis function like this

function dothis(){

  if(someThing == true)
    someFunc();
}

answered Jun 21, 2012 at 19:44

Prasenjit Kumar Nag

13.5k3 gold badges47 silver badges57 bronze badges

Collectives™ on Stack Overflow

Multiple Functions for Single Event in JQuery

6 Answers 6

4 Comments

Comments

Comments

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

4 Comments

Comments

Comments

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related