ToolTip Not working in FireFox[solved]

• • Reply

  13 years ago

  by angarika

  angarika

  , India

  Joined 13 years ago

  Hi experts,

  Based on my requirement I wrote some code for ToolTip.It is working fine in IE and I don't Know why it is not working in Firefox.

  This is my code....(Here ToolTip is a UserControl)

  Javascript

  function ShowToolTip(listBoxObject,divObject,iframeObject,width)
  {

      listBoxClickedToolTip=true;
     
      var description = document.getElementById('lblToolTip');
      
      var isDisplay = false;
     
      for( i = 0 ; i < listBoxObject.length ; i++)
      {
          if(listBoxObject.options[i].selected == true)
          {
              isDisplay = true;
              description.innerHTML = listBoxObject.options[i].text;
          } 
      }
     
      if(isDisplay == true)
      {
          DisplayToolTip(listBoxObject,divObject,iframeObject,1,width);  
      }

  
  }
  function DisplayToolTip(evt,id,objIframe,val,width)
  {

      var xCord = '';
      var yCord = '';
      var item = document.getElementById(id);      
      var iframObj = document.getElementById(objIframe);
      var cord = FindPosition(evt);
      cord = cord.split('#');
     
      if(cord[0] != '' && cord[1] != '')   
      {
          xCord =parseInt(cord[0]);
          yCord =parseInt(cord[1]);
      }
    
      item.style.display = 'block';
      item.style.left = xCord + 20 + 'px';
      item.style.top = yCord + 18;  
     
      if( width == 0 )
      {
          width = 250;
      }
      item.style.width = parseInt(width) + 'px';
     
      var ifHeight =item.offsetHeight;
      var ifWidth = item.offsetWidth;
     
      item.height = ifHeight;
      item.width = ifWidth;
     
      iframObj.style.display = 'block'; 
      iframObj.style.left = xCord + 20 + 'px';
      iframObj.style.top = yCord + 18;
      iframObj.height = item.offsetHeight ;    
      iframObj.width = item.offsetWidth;
      iframObj.scrolling = 'no';
     
         if (val == 1)
              isVisibleToolTip = true;
         else
              isVisibleToolTip = false; 
  }
  function HideToolTip(objDiv,objIframe)
      {
          if (isVisibleToolTip == true && divClickedToolTip == false)
          {
              var item = document.getElementById(objDiv);
              var iframe = document.getElementById(objIframe);
              if(item!=null)
              {
                  item.style.display = 'none';
              }
              if(iframe != null)
              {
                  iframe.style.display = 'none';
              }

              isVisibleToolTip = false;
              divClickedToolTip = false;
          }
          if (divClickedToolTip == true)
          {
              divClickedToolTip = false;
             
          }

      }

  ToolTip.ascx

  <%@ Control Language="C#" AutoEventWireup="true" CodeFile="ToolTip.ascx.cs" Inherits="CommonControls_ToolTip" %>

  <script language="javascript" type="text/javascript" src="../JS/Common.js"></script>

  <table>

  <tr>

  <td>

  <iframe SRC="BLOCKED SCRIPTvoid(0);" frameborder="0" style="display:none;position:absolute;background-color:Transparent" id="iframeToolTip"> </iframe>

  <div id="divToolTip" style="display:none;position:absolute;background-color:InfoBackground; " >

  <fieldset >

  <table>

  <tr>

  <td>

  <span id="lblToolTip" class="InnerTextStyle"></span>

  </td>

  </tr>

   

  </table>

  </fieldset>

  </div>

  </td>

  </tr>

  </table>

  ToolTip.ascx.cs

  using System;

  using System.Data;

  using System.Configuration;

  using System.Collections;

  using System.Web;

  using System.Web.Security;

  using System.Web.UI;

  using System.Web.UI.WebControls;

  using System.Web.UI.WebControls.WebParts;

  using System.Web.UI.HtmlControls;

  public partial class CommonControls_ToolTip : System.Web.UI.UserControl

  {

  #region "Private Variables"

  private ListBox toolTipListBox;

  private DropDownList toolTipDropDownList;

  private bool isDropdownSelected;

  private string dropdownClientId;

  // by default width is 0 px, for 0 px default width will be 250 px

  private string width = "0";

   

  #endregion

  #region "Public Properties"public ListBox ToolTipListBox

  {

  get

  {

  return toolTipListBox;

  }

  set

  {

  toolTipListBox = value;

  }

  }

  public DropDownList ToolTipDropDownList

  {

  get

  {

  return toolTipDropDownList;

  }

  set

  {

  toolTipDropDownList = value;

  }

  }

  public bool IsDropDownSelected

  {

  get

  {

  return isDropdownSelected;

  }

  set

  {

  isDropdownSelected = value;

  }

  }

  public string DropdownClientId

  {

  get

  {

  return dropdownClientId;

  }

  set

  {

  dropdownClientId = value;

  }

  }

  public string Width

  {

  get

  {

  return width;

  }

  set

  {

  width = value;

  }

  }

   

  #endregion

  #region "Page Load"protected void Page_Load(object sender, EventArgs e)

  {

  if (toolTipListBox != null)

  {

  ToolTipListBox.Attributes.Add("onchange", "ShowToolTip(this,'divToolTip','iframeToolTip',"+Width.ToString()+")");

  }

  if (toolTipDropDownList != null)

  {

  if (IsDropDownSelected)

  {

  ToolTipDropDownList.Attributes.Add("onchange", "ShowToolTipDdl(this,'divToolTip','iframeToolTip'," + DropdownClientId + ","+Width.ToString()+")");

  }

  }

  }

  #endregion

  #region "For Grid List Box"public void BindListBoxForGrid(ListBox listBox)

  {

  if (listBox != null)

  {

  listBox.Attributes.Add("onchange", "ShowToolTip(this,'divToolTip','iframeToolTip'," + Width.ToString() + ")");

  }

  }

  #endregion

  }

  Please Help me in this regard.

   

   

   

  Report abuse