title: Javascript Cross browsing issue on firefox only
body: <p>I am facing an issue may be I am doing mistake. The issue is that I have to show a tooltip on hover in asp.net using vb.net and javascript. However it is working fine on all browsers but not on firefox. So far I searched a lot and up till now I think that the issue is of window.event which firefox does not supports but I used in my code. Is there any alternative according to my code so please let me know. Currently the logic which I used is that the POCESS_ONE, PROCESS_TWO, PROCESS_THREE, PROCESS_FOUR values are coming from database accordingly but actually these values will be shown on tooltip at mouse hover event. My java script code is below.</p>
  
  <pre><code>                             &lt;asp:TemplateField HeaderText="Payment Status"&gt;
                                   &lt;ItemTemplate&gt;
                                      &lt;asp:Image ID="imgProcessOne" CssClass="progressImg one" runat="server" ImageUrl="~/images/inActiveFirst.png" onmouseover="getData(this);" onmouseout="hideData()"  /&gt;
                                      &lt;asp:Image ID="imgProcessTwo" CssClass="progressImg two" runat="server" ImageUrl="~/images/inActiveMid.png"  onmouseover="getData(this);" onmouseout="hideData()" /&gt;
                                      &lt;asp:Image ID="imgProcessThree" CssClass="progressImg three" runat="server" ImageUrl="~/images/inActiveMid.png"  onmouseover="getData(this);" onmouseout="hideData()" /&gt;
                                      &lt;asp:Image ID="imgProcessFour" CssClass="progressImg four" runat="server" ImageUrl="~/images/inActiveLast.png"  onmouseover="getData(this);" onmouseout="hideData()" /&gt;
                                   &lt;/ItemTemplate&gt;
                               &lt;/asp:TemplateField&gt;
                              &lt;asp:BoundField DataField="PROCESS_ONE" HeaderText="" &gt;
                                      &lt;ItemStyle CssClass="hiddencol" /&gt;
                                  &lt;HeaderStyle  CssClass="hiddencol"/&gt;
                              &lt;/asp:BoundField&gt;
                              &lt;asp:BoundField DataField="PROCESS_TWO" HeaderText=""&gt;
                                  &lt;ItemStyle CssClass="hiddencol" /&gt;
                                  &lt;HeaderStyle  CssClass="hiddencol"/&gt;
                              &lt;/asp:BoundField&gt;
                              &lt;asp:BoundField DataField="PROCESS_THREE" HeaderText=""&gt;
                                  &lt;ItemStyle CssClass="hiddencol" /&gt;
                                  &lt;HeaderStyle  CssClass="hiddencol"/&gt;
                              &lt;/asp:BoundField&gt;
                              &lt;asp:BoundField DataField="PROCESS_FOUR" HeaderText=""&gt;
                                  &lt;ItemStyle CssClass="hiddencol" /&gt;
                                  &lt;HeaderStyle  CssClass="hiddencol"/&gt;
                              &lt;/asp:BoundField&gt;
  
  
      function hideData() {
                  $DS('.toolTip').hide();
              }
              function getData(arg) {
  
                  //var event = document.createEvent('Event');
  
                  var process = arg.id;
                  var Value;
  
  
                  document.onmouseover = function (event) {
  
  
                      var evtSource;
                      if (document.all) {
                          evtSource = event.srcElement;
                      }
                      else {
                          evtSource = event.target;
                      }
                      //var event = event || window.event;
                      event = event || window.event;
  
                  }
                  //var clientX = event.clientX;
                  //var clientY = event.clientY;
                  var str;
                  var showTip = true;
                  if (process.indexOf('imgProcessOne') &gt; 1) {
                      Value = arg.parentElement.nextSibling.textContent;
                      if (Value == "N") { showTip = false; }
                  }
                  if (process.indexOf('imgProcessTwo') &gt; 1) {
                      Value = arg.parentElement.nextSibling.nextSibling.textContent;
                      if (Value == "N") { showTip = false; }
                  }
                  if (process.indexOf('imgProcessThree') &gt; 1) {
                      Value = arg.parentElement.nextSibling.nextSibling.nextSibling.textContent;
                      if (Value == "N") { showTip = false; }
                  }
                  if (process.indexOf('imgProcessFour') &gt; 1) {
                      Value = arg.parentElement.nextSibling.nextSibling.nextSibling.nextSibling.textContent;
                      if (Value == "N") { showTip = false; }
                  }
  
                  if (showTip == true) {
                      str = "&lt;table class='paymentTrackerTooltip' style='background-image: url(../../../images/tooltip2.png);'&gt;&lt;tr&gt;&lt;td&gt;" + Value + "&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;";
                      $DS('.toolTip .content').html(str).css('background', 'transparent').css('border', 'none');
                      $DS('.toolTip').css('left', event.clientX - 40).css('top', event.clientY - 70).css('display', 'block');
                      // $DS('.toolTip').css('display', 'block');
  
                      //$DS('.toolTip .bg').css('height', Auto).css();
                  }
                  else { return false; }
  
              }
  
      &lt;/script&gt; 
  </code></pre>