SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.
JavaScript / DOM / AJAX: Modifying qTip script, having problems with CSS Object Model
Bottom of Page1 to 2 of 2
-
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
- City 1
-
I don't have a copy of IE5 available to me right now, but it might be because you're missing "document":
<strong>document.</strong>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
1 to 2 of 2