Forum Moderators: open

Message Too Old, No Replies

DHTML Menus

         

kjs50

7:42 pm on Apr 7, 2004 (gmt 0)

10+ Year Member



Hello,

I'm investigating adding an expanding menu to the top nav to help customers get around the site easier. I've researched a few of the scripts out there but some of them seem really large (30k) and I'm concerned about the slowdown in page load.

Are there any scripts out there that have a smaller file size, and ones that are search engine friendly? By this I mean that I can put text words in the main html file and not in the attached .js file.

Thanks.

DrDoc

7:44 pm on Apr 7, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



You can use an unordered list, and make the sub menus open and close on hover by changing the class name.

thorne

1:19 pm on Apr 9, 2004 (gmt 0)

10+ Year Member



I would recommend using a combination of CSS and Javascript to render dropdown menus, very easy to maintain and they are pretty much supported by every browser, here is a site I am working on them with:

<Sorry, no personal URLs. See TOS [webmasterworld.com]>

Todd H.

[edited by: tedster at 3:19 am (utc) on April 11, 2004]

isitreal

2:06 pm on Apr 9, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



pretty much supported by every browser

You should check that page on Opera 6 and 7, it's not working very well. Also, when the page loads, the drop menus flash down the screen with no CSS on some browsers, doesn't look very good, just blue underlined lists, it's fast, but not a very good effect. On a slower pc those unformatted navigation lists were visible for about 4 seconds as the page loaded. Also, on a slower pc the background image under the nav bar flickers off for about 1/2 second before flickering back onmouseover and off. check out this idea from blobfisk:
[webmasterworld.com...]
Those work extremely well, they are super stable, super fast, it's a much better idea to use timers/visibility switching, it seems to be much more reliable. There are no display problems with those on any mac or pc I've tested them on yet. The script doesn't work on Netscape 4x despite the claim that it does, though it could be made to work with some adjustments. I have a pure dom version of that script running, but I want to test it some more before I post it, it's shorter, and uses fewer function calls on the nav links.