Home/ Questions/Q 77107
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-10T20:46:42+00:00

I am using the jquery tooltip and here is the code for it Javascript

  • 0

I am using the jquery tooltip and here is the code for it

Javascript:

this.tooltip = function() {        var xOffset = -10;     var yOffset = -175;           $('a.tooltip').hover(function(e)     {                                                      this.t = this.title;         this.title = '';         var breakdownData = '';         var header = '<b>This document contains:</b><br />';          switch(this.id)         {             case '_ctl0_MasterContentPlaceHolder_hpl_DownloadCCPS1':                 breakdownData = '<div style='padding-left:30px;'><br /></div>';                 break;             case '_ctl0_MasterContentPlaceHolder_hpl_DownloadCCPS2':                 breakdownData = '<div style='padding-left:30px;'></div>';                 break;             case '_ctl0_MasterContentPlaceHolder_hpl_DownloadCCPS3':                 breakdownData = '<div style='padding-left:30px;'></div>';                 break;             case '_ctl0_MasterContentPlaceHolder_hpl_DownloadCCPS4':                 breakdownData = '<div style='padding-left:30px;'></div>';                 break;         }             $('body').append('<div id='tooltip' style='width:350px; padding-left:15px; font-size:11px;'>'+ header + breakdownData +'</div>');         $('#tooltip').css('top',(e.pageY - xOffset) + 'px')                      .css('left',(e.pageX + yOffset) + 'px')                      .fadeIn('fast');                }, function() {             this.title = this.t;             $('#tooltip').remove();         });           $('a.tooltip').mousemove(function(e) {             $('#tooltip').css('top',(e.pageY - xOffset) + 'px')                          .css('left',(e.pageX + yOffset) + 'px');         });              }; }  $(document).ready(setTimeout('tooltip()', 500));

CSS:

 #tooltip  {      position:absolute;      border:1px solid #333;      background:#f7f5d1;      padding:2px 5px;      color:#333;      display:none;      width:350px;  }

All I need to do is add the tooltip class to the anchor tag which works fine in Firefox but not in IE. Has anyone else experienced this?

Here is a link to the original which seems to work just fine http://cssglobe.com/lab/tooltip/01/

Thank You

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. I was able to test it fine in both FF3, IE6, and IE7. What problems are you experiencing?

    I did receive one bug in Firebug however:

     fn.call is not a function jquery-1.2.6.js Line 2295     jQuery.readyList.push( function() { return fn.call(this, jQuery); } );

    Which led me to change your $(document).ready function to:

     $(document).ready(function(){     setTimeout('tooltip()', 500) });

    Not sure if that will solve your problem, but give it a try.

    • 0