javascript – using the same function of different events

This seems pretty simple, but I can\’t figure it out. I\’m new to javascript/ jquery.

i want to trigger a function to move a div onmouseover, and another onmouseout. I want to call this same function on several different divs. how would I do this without writing multiple functions?

  <div id=\"indexJoinBanner\" onmouseover=\"moveDivRight()\" onmouseout=\"moveDivLeft()\"> 
  <!-- end #indexJoinBanner --></div>
  <div id=\"indexJoinBanner2\" onmouseover=\"moveDivRight()\" onmouseout=\"moveDivLeft()\"> 
  <!-- end #indexJoinBanner2 --></div>



function moveDivRight(){
  $(\"#indexJoinBanner\").animate({
    left: \"0px\",
  },500 );
};

function moveDivLeft() {
  $(\"#indexJoinBanner\").animate({
    left: \"-150px\",
  },500 );
}

Thanks

Rating: 5 out of 5 based on 3 ratings

Posts Related to javascript - using the same function of different events

• Aug 25th, 2012 rest - Writing a JavaScript Library: how to authorize methods? Saturday PM 16:20:41


• Jul 19th, 2012 events - javascript onclick create(element) div viz popup box Thursday AM 08:36:13


• Jul 08th, 2012 javascript events - Display a text box when an option is selected Sunday PM 15:01:58


• Jul 26th, 2012 How do I bind a function to a change in an object's data member in Javascript? Thursday AM 07:38:55


• Aug 19th, 2012 jquery - Simplifying a switch case in JavaScript Sunday AM 00:40:12


• Jul 14th, 2012 jquery - set value onClick of table cell Saturday AM 00:12:10


• Jul 14th, 2012 javascript - php button link with JQuery Saturday AM 08:31:49


• Jul 31st, 2012 jquery correct way to dynamically populate elements and do callbacks specific to each one? Tuesday AM 10:06:13


• Jul 22nd, 2012 javascript - How do I count number of div's with a class inside a selection of other div's with jQuery Sunday AM 01:26:45


• Aug 16th, 2012 Javascript duplicate form input Thursday PM 14:33:37

The post javascript – using the same function of different events appeared first on Javascript ASK.

via Javascript ASK http://javascriptask.phpfogapp.com/javascript-using-the-same-function-of-different-events.html