title: How to have one event call multiple functions ? D3/Javascript
body: <p>I have these calls for when the mouse is over/off a node</p>
  
  <pre><code>    .on("mouseover", highlightImage)
      .on("mouseout", unhighlightImage)
  
      .on("mouseover", showTextToolTip)
      .on("mouseout", hideTextToolTip)
  </code></pre>
  
  <p>Now, as javascript is asynchronously read only the bottom two functions get called. I have looked around and found a few examples:</p>
  
  <pre><code>.on("mouseover", "highlightImage(); showTextToolTip()") //- doesnt work
  
  .on("mouseover", mouseOverFunctions) //- calls a function&gt;
  
  function mouseOverFunctions(){
      showTextToolTip();
      highlightImage();
      } //- also doesnt work.
  </code></pre>
  
  <p>I gather this is because the 'mouseover' can only call one object at a time.</p>
  
  <p>How can I call both functions at once ? I wish to show the text and highlight the node</p>
  
  <hr>
  
  <p>added code</p>
  
  <pre><code>function showTextToolTip(d){
  if(textButtonPressed==false){
  d3.select(this).append("text")
      .attr("dx", "2")
      .attr("dy", "-24")
      .style("text-anchor", "start")
      .text(function(d) { return d.identifier; });
      showToolTip="true";
  }}
  
  function highlightImage(d){
      d3.select(this).classed("highlighted", true);
      highlightedNode = d.coreId;
      //console.log("Highlighted node : " + highlightedNode);
  }   
  </code></pre>