Vertical Menu Ajax script

to page thru long vertical menu items

[sundaridevi]

I'm looking for an AJAX solution to a very long vertical menu that will eventually have about 70 items or more (like a list of products from one category). I only want to display maximum 20 at a time, so i want to show 20 choices, then at the bottom have little, "more" "back" arrows to page thru all the choices.

The only thing I've found is an applet that make the menu scroll.

[daveVk]

Rather than use AJAX, put the 1st 20 in div1 and so on. Use the arrow buttons to hide one div and show the next/prior in the series.

Should js be disabled or a bot visit the page all links will be there.

[sundaridevi]

Thanks, I thought about that, but if i have say 20 menu items in div 1 and there are a total of 60, with javascript off, it would look pretty bad. I was thinking about doing it like that and making it somehow default to a scrolling list. I was looking around to see if I could find any sites that do something like this, but I didn't see any.

[daveVk]

with javascript off, it would look pretty bad

Those with js disabled are not likely to be fussy.

If scrolling is really needed.

<div id=removeStyleWithJs style="height: 100px; overflow: auto">
... div1, div2, div3 ...
</div>

[Fotiman]

but if i have say 20 menu items in div 1 and there are a total of 60, with javascript off, it would look pretty bad.

But it would look even worse if users could not access the remaining items.

[sundaridevi]

@daveVk: yeah i'm looking into the scrolling box for the non-js guys, it will only affect about 5% or less of users I guess.

@Fotiman: yeah the idea is to give the non-js users a workable and elegant solution too.