Modifying qTip script, having problems with CSS Object Model

2006-03-01T19:07:58-05:00

I am editing the qTip CSS Tool Tips so that I can display the contents of a list item in the tool tips. The list looks like so:

City 1
Center 1
Person 1
City 2
Center 2a
Person 2a
Center 2b
Person 2b
City 3
Center 3
Person 3

My plan is that the definition lists will be hidden. When you hover over the text in the li then the Def List will show up as a tool tip. I've got it working, here is the js: centers.js and here is the html: index.html . And everyhting looks fine in FireFox and IE6 and 7. The problem is in IE5. And I have narrowed it down to where I change the style of the cursor when it hovers over the li to be a pointer. With this line of code taken out:

 anchors[1].style.cursor = "pointer";

The script works in IE5. But then I don't have the desired "pointer" effect. When it stays in, the "pointer" style is there for FireFox and Ie6 and 7, but breaks in IE5. Does anybody have any ideas what I am doing wrong here? Why does IE5 not like this?

Thanks for any help, Josh

Modifying qTip script, having problems with CSS Object Model

2006-03-01T21:11:18-05:00

I don't have a copy of IE5 available to me right now, but it might be because you're missing "document":

document.anchors[1].style.cursor = "pointer";

If that's not it, set some alerts to test if you're referencing the item correctly:

alert(document.anchors[1].style);

should return "[object]". If it doesn't, than IE5 is not recongizing the anchor's style for some reason

SkillShare Forum - CSS Beauty - Modifying qTip script, having problems with CSS Object Model

Modifying qTip script, having problems with CSS Object Model

Modifying qTip script, having problems with CSS Object Model