Not working in IE6 or IE7

[erikphanson]

Love the qTip, but am in a bit of an IE 6 and 7 fight, which always seems to be the case.

I have the latest release of both jQuery and qTip, I have finally gotten 6 and 7 to stop throwing errors, but neither one shows the qTip, I'm a bit of a noob in the JavaScript realm, so I'm hoping it's a goofy syntax thing I'm messing up.

I'm bringing in my js files just before the closing body tag, I load the jQuery file, the qTip file, then the JS file that has my specific qTip code.

JS Code

<script language="JavaScript" type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script language="JavaScript" type="text/javascript" src="jquery.qtip-1.0.0-rc3.min.js"></script>
<script language="JavaScript" type="text/javascript" src="qtip.js"></script>

The code for the qtip.js file is as follows:

JS Code

$('.notActive[title]').qtip({
 
 
   show: { when: { event: 'mouseover' }, effect: { type: 'fade' }, delay: 0 },
   hide: { when: { event: 'mouseout' }, effect: { type: 'fade', length: 500 }, delay: 0 },
 
   position: { corner: { target: 'topMiddle', tooltip: 'bottomMiddle'}
   },
 
   style: {
      border: { width: 2,radius: 5,color: '#ffba59' },
      padding: 10, 
      textAlign: 'center',
      background: '#fff8ab',
      color: 'black',
      tip: { corner: 'bottomMiddle', size: {x: 20,y: 8, } },   
      name: 'cream' // inherit the rest of the preset 'cream' style
      }
 
 
 
 });

If I remove the "tip" attribute (or is it an object at this point) it will work in 7, but not in 6.

It all works fine in IE 8, Firefox 3.5, Safari 4, and Chrome for Mac

Any help is appreciated, Thanks!

Erik

[Craig]

eirkpanson, watch out for trailing commas in your code. IE absolutely hates them!

JS Code

tip: { corner: 'bottomMiddle', size: {x: 20,y: 8, } },

Should be

JS Code

tip: { corner: 'bottomMiddle', size: {x: 20,y: 8 } },

[erikphanson]

That fixed it! I love you man.

[Craig]

Glad to spread the love