Welcome Guest ( Log In | Register )

Outline · [ Standard ] · Linear+

 Collapseable menu using javascript, The 1 that looks like Google's map menu

views
     
SUSizdyharz
post Jun 24 2010, 02:36 PM, updated 14y ago

Casual
***
Junior Member
469 posts

Joined: Jan 2008
From: Cyberjaya


Hi sifus,
I want to have a collapse able menu pane on the left inside a page that having 3 frames(header, menu, and content).
So I want to create something like Google's map menu pane which able to hide and show when user press the hide menu button which is located in the middle of left menu frame and content frame.

How do I do that?
Attached is the Google's map menu pane that im talking about.

Thanks!!!

This post has been edited by izdyharz: Jun 24 2010, 05:42 PM
nyem
post Jun 24 2010, 08:16 PM

Enthusiast
*****
Senior Member
749 posts

Joined: Jan 2007


Can use ExtJs framework: http://www.sencha.com/deploy/dev/examples/layout/column.html
More examples: http://www.sencha.com/deploy/dev/examples/



dOtcO[m]
post Jun 25 2010, 11:07 AM

Getting Started
**
Junior Member
247 posts

Joined: Aug 2007
that would be very easy with any good JS framework that support some fx.
JQuery, prototype, ext, mootools etc.

if u're not using any framework doing it without the sliding effect would still be easy.

 

Change to:
| Lo-Fi Version
0.0147sec    0.46    5 queries    GZIP Disabled
Time is now: 29th March 2024 - 09:27 AM