PDA

View Full Version : .js for menu not working in IE8



goodidea
04-05-2012, 01:40 PM
1) Script Title: jQuery Gooey Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/gooeymenu.htm

3) Describe problem:
Hi!
url http://www.tantrayoga.us
I'm stuck. I adapted the jQuery Gooey Menu for our own button images. It works beautifully in FF & Saf, but in IE8, the dynamically generated image for the a:active state displays about 80px too low.
Tried debugging in IE and got error
"line 28 character 4 'eq(…).position(…).top' is null."
I'm just an amateur - comfortable with CSS, but I don't know my way around JS much at all. I suspect it's something really simple, but I haven't a clue…
Any help would be greatly appreciated!
goodidea

ddadmin
04-05-2012, 05:06 PM
Please post a link to the page on your site that contains the problematic script so we can check it out.

goodidea
04-05-2012, 05:37 PM
Please post a link to the page on your site that contains the problematic script so we can check it out.
http://www.tantrayoga.us/index.html
the .js file (http://www.tantrayoga.us/gooeymenu.js)
the CSS (http://www.tantrayoga.us/CSS/gooeymenu.css)
THANKS!!!

ddadmin
04-05-2012, 11:34 PM
At a glance the problem seems to stem from you using an image for each menu item (instead of text like in the default demos). To confirm this try replacing each of those images with a text instead, ie:


<div id="gooeymenu1" class="gelbuttonmenu">
<div><a href="index.html">Home</a></div>
"
"
</div>

goodidea
04-18-2012, 04:20 PM
Right you are. Got it working fine now - thanks for this elegant bit of code!