todays challenge - stupid but tricky question!

[WiccaChic]

Hi. I have an HTML app that includes a psuedo drop-down menu I created using some css and some vbs. It looks like so:
----------
|
option1 [] <-- vertical scroll bar
option2 |
option3 |
option4 |
option5 |

When a user clicks on say option3, that options child-options pop down directly underneath the parents options position, like so:

----------
|
option1 []
option2 |
option3 |
-op2a |
-op2b |
-op2c |
-op2d |
-op2e |
<cont> |

Well apparently, sometimes the child option menu includes so many options that they scroll out of sight and require the user to use the scroll bar to view the entire list. So users have "suggested" that I code this so that if they click on a parent menu option they would like the option list to position itself so that the selected option to position itself to the top of the scrolling area BEFORE popping down its child options. That way maybe they will see the entire list of child options, so the above example would look like so:

----------
option3 []
-op2a |
-op2b |
-op2c |
-op2d |
-op2e |
-op2f |
-op2g |
option4 |
option5 |

I know the "issue" is retarded and the result of lazy-@$$ users, but does my description make sense? If so, anyone know how to do this?

 

[BillyRayPreachersSon]

Certainly in IE, you might be able to use the JavaScript "scrollIntoView" method:

http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/scrollintoview.asp

But this depends on how your menu has been created, and how it is contained on the page.

Some food for thought, at least ;o)

Dan

 

[WiccaChic]

That looks promosing, but MS's example is pretty crummy. Anyone have a decent example of how to do this?

 

[Chacalinc]

Could you do a explorer style instead drop-down menu?

you could use OmenTree:

http://www.macupdate.com/info.php/id/1909

 

[WiccaChic]

I ended up using scrollintoview, and it works fine in that it positions vertically in the right place. But it also moves the horizontal scroll and that screws up my frame. Is there a way to prevent horizontal scrolling? Not showing the scrowbar does not prevent the browser from being able to reposition apparently.

 

[BillyRayPreachersSon]

You could try window.scrollBy, passing a v.large number (or v.large negative number) as the X delta, and 0 as the y delta.

http://msdn.microsoft.com/library/d...p/author/dhtml/reference/methods/scrollby.asp

Hope this helps,
Dan