CODEWITHSUNDEEP
javascript
Surendar K
Surendar K

Reputation: 379

onclick calling two functions simultaneously?

here is my code..

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

    var thediv=document.getElementById('downloadoverlay');
    if(thediv.style.display == "none"){
        thediv.style.display = "";
        thediv.appendChild()
    return false;
    }
}
function clicker1(){
    var thediv1=document.getElementById('downloadbox');
    if(thediv1.style.display == "none"){
        thediv1.style.display = "";
        thediv1.appendChild()

    return false;
    }
}



</script>

on clicking the button.. the event should call two functions simultaneously.. help..??

Upvotes: 4

Views: 8057

Answers (5)

prime
prime

Reputation: 15574

You can call the two functions at once for the onClick event

    <button type="submit" id="mySubmit" onClick=" clicker(); clicker1()">Search</button>

Upvotes: 0

KooiInc
KooiInc

Reputation: 122906

Add the handlers unobtrusively, from within your script. Something like:

function addHandler(etype, el,handlerFunction){
  if (el.attachEvent) {
   el.attachEvent('on' + etype, handlerFunction);
  } else {
   el.addEventListener(etype, handlerFunction, false);
  }
}
var myButton = document.getElementById('mybutton');
addHandler('click', myButton, clicker);
addHandler('click', myButton, clicker1);

Upvotes: 3

Jibi Abraham
Jibi Abraham

Reputation: 4696

Just make another function to call both of them simultaneously

function callClickers(){
    clicker();
    clicker1();
}

Now add this to your button onclick

Upvotes: 1

Waynn Lue
Waynn Lue

Reputation: 11375

Just write one function that calls both. For example, you could write

function onClick() {
  clicker();
  clicker1();
}

And set onclick="return onClick();" on the element you care about.

Upvotes: 1

tereško
tereško

Reputation: 58444

Yes, you can, if you attach event listener: IE, other browsers.

Just keep in mind that they both won't end at the same moment, and one might get 'cut short', if site redirects, before second function is done.

Also, in this case, I would set CSS class on tag which contains both #downloadoverlay and #downloadbox. Instead of messing with style object directly.

Upvotes: 1

Related Questions