I have a website that I need help with. You can visit it here: http://www.shahspace.com/bow/home.html. To see what I need help with, click on the services menu item and observe the alert message that comes up. It should say "point 1".

As you can see, there should be a second alert message that says "point 2", but there isn't. The script is crash when I try to assign to menu the object returned by document.getElementById(menuName). I have verified that menuName is correct. So why would this be crashing?

To get a fuller understanding of my algorithm, I'll give you the following:

So essentially, when the user clicks on "service", the services menu becomes visible. If the menu contains 12 items or more, scrolling needs to be enabled. This entails setting the menu to a fixed height and allowing the user to scroll through it (scrolling, in this case, will be customized--I'm not using the div's native scrolling feature).

The really odd thing is that in itemCount(), I have exactly the same line:

var menu = document.getElementById(menuName);

and it works fine there. Why not in my enableScrolling() function?

DanInMa

03-14-2012, 04:51 PM

you have a typo in the scrolling function. you mispelled element

blaze4218

03-14-2012, 04:56 PM

typo

var menu = document.getElemenetById(menuName);
should be

var menu = document.getElementById(menuName);

gib65

03-14-2012, 11:49 PM

You're both right! Can't believe I missed that! Thanks. :thumbsup:

Taro

03-15-2012, 12:19 AM

Hello,

As a suggestion, you can get a JavaScript debugger to help you look for mistakes in your coding. It can also target specific parts of the script, including "document.getElementById."

felgall

03-15-2012, 03:10 AM

Hello,

As a suggestion, you can get a JavaScript debugger to help you look for mistakes in your coding. It can also target specific parts of the script, including "document.getElementById."

You only need to get a debugger for Firefox and IE7 - all the other propular browsers (IE8+, Chrome, Safari, Opera) have a JavaScript debugger built in.

To get the debugger for IE7 you need the developer toolbar plugin.

The equivalent debugger for Firefox is provided by the venkmann extension. (there are alternate Firefox debuggers that work differently from the one built into the other browsers - that's the one that works the same).