[Solved] qtip not working in IE6

[BarberCraig]

Hey guys!

First post, so be nice!

The problem I am having is with IE 6! (shock horror) where my qtips do not work in any shape or form. They work in every other browser, but not IE6.

I have tried stripping out my configured tooltips, and added the very basic display on mouseover, even that doesn't work!

There is not tooltip at all!

Does anyone know if there are any known problems with IE6 at all?

Any help will be welcome!

cheers

Craig

[sveiki]

I'm implementing them fine in IE6. What version of jQuery? Have you tried the most up-to-date development version of qTip?

[BarberCraig]

(12th March 14:32)sveiki Wrote:  I'm implementing them fine in IE6. What version of jQuery? Have you tried the most up-to-date development version of qTip?

Hey Sveiki, thanks for your reply!

Yeah i have the most up to date version. To be honest, i think it has something to do with the hierarchy in my html elements. IE6 is a bit rubbish like that right?

i am assigning my tooltip to a class called "info" which is within a label. Now, when i hover it, IE6 doesn't pick up the class at all.

Do you need the absolute path of the element in IE6? like you do with css?

cheers

Craig

[sveiki]

(12th March 16:17)BarberCraig Wrote:  

(12th March 14:32)sveiki Wrote:  I'm implementing them fine in IE6. What version of jQuery? Have you tried the most up-to-date development version of qTip?

Hey Sveiki, thanks for your reply!

Yeah i have the most up to date version. To be honest, i think it has something to do with the hierarchy in my html elements. IE6 is a bit rubbish like that right?

i am assigning my tooltip to a class called "info" which is within a label. Now, when i hover it, IE6 doesn't pick up the class at all.

Do you need the absolute path of the element in IE6? like you do with css?

cheers

Craig

To be sure, it'd be easier to take a look at your code. Can we see the HTML definition of the element, and the qTip call that you use?

[BarberCraig]

(12th March 16:52)sveiki Wrote:  

(12th March 16:17)BarberCraig Wrote:  

(12th March 14:32)sveiki Wrote:  I'm implementing them fine in IE6. What version of jQuery? Have you tried the most up-to-date development version of qTip?

Hey Sveiki, thanks for your reply!

Yeah i have the most up to date version. To be honest, i think it has something to do with the hierarchy in my html elements. IE6 is a bit rubbish like that right?

i am assigning my tooltip to a class called "info" which is within a label. Now, when i hover it, IE6 doesn't pick up the class at all.

Do you need the absolute path of the element in IE6? like you do with css?

cheers

Craig

To be sure, it'd be easier to take a look at your code. Can we see the HTML definition of the element, and the qTip call that you use?

Righty doody, ok. So my JS for loading the tooltip is as follows:

JS Code

$('img.info').qtip({
    content: {
      text: true
  	},
    position: {
      corner: {
        target: 'topRight',
        tooltip: 'bottomLeft'
      }
    },
    show: {
      effect: {
        type: 'fade',
        length: 250
      }
    },
    style: {
	  width: 300,
      border: {
        width: 3,
        radius: 8,
        color: '#204da6'
      },
      tip: 'bottomLeft'
    }
  });

Now on my page where I am calling my tooltips, i am using a php function to generate an image and assign my class, title etc.

So my php page looks like this:
[php]<label class="narrow" for="vehicles"><?=tooltip($tooltips['vehicles'])?>Number of vehicles in household:</label>[/php]

The php function 'tooltips' looks like this:
[php]/**
* Tooltip
* Renders a tooltip.
* @param string $content
* @return string $img
* @author Craig Barber
* @version 1.0
*/
function tooltip($content)
{
$img = array(
'class' => 'info',
'src' => 'images/ico_info.png',
'width' => '16',
'height' => '16',
'title' => htmlentities($content)
);
return img($img);
}
[/php]

So what this does is sends my tooltip content to the function tooltip, and sets the image, class etc and returns the array, which sets the image, and assigns the title. Then the js assigns the tooltip to the image with class 'info'.

This all works a dream in any other browser apart from IE6.

Weird thing is when i'm inspecting the html in IE6 (virtual machine) the code inspector shows funny <shape> tags above it, is this jquery assigning this? because it looks as though it basically cannot find the element....

any help would be greatly appreciated

thanks guys

Craig

[BarberCraig]

Hey guys,

Just to let you know that i solved the problem. The problem i was having was with my belated png fix plugin! Where i was assigning my image within my tooltip function, the image was then being replaced. After debugging though, it seems that the belated png fix actually adds layer over the top?!

Anyway, thanks for your help! case closed.

BTW, how do i solve this post? because i cant find the solve option anywhere!!

Thanks again

Craig