Need help in splitting the web page

[madhuraj]

Hi friends,

I m working on a project, where i have to show menu on the left side and contents on the right side. My problem is that i don't want to reload the menu on the left side. :huh:

One way to do so is to use frames. But i want a frameless solution, something like google code page
Getting Started - Quick Start - Google Web Toolkit - Google Code

pls help...

 

[thetechmind]

did u see how they are moving the pages around ?

notice these pages -

Product Overview - Google Web Toolkit - Google Code

Who's Using Google Web Toolkit - Google Web Toolkit - Google Code

these are links from those pages itself, but notice that the left hand menu loads on "every" page and hence they do not have a frame in their .html pages.

 

[Emperor]

You can take help from any CSS master (if page is CSS coded)

 

[madhuraj]

did u see how they are moving the pages around ?

notice these pages -

Product Overview - Google Web Toolkit - Google Code
Who's Using Google Web Toolkit - Google Web Toolkit - Google Code

these are links from those pages itself, but notice that the left hand menu loads on "every" page and hence they do not have a frame in their .html pages.

Yes i agree with you that they are not using frames. But if you observe carefully, you can see that only content on the right side changes. The whole page doesn't gets loaded.

 

[6pack]

^ the whole page gets loaded. i viewed the source and all of it is in divs. so the whole page gets loaded. just because its text it looks like theres no change in the left hand side.

 

[sri_rng]

You can use AJAX for the functionality you are looking for. It refreshes only the parts which you are to be refreshed/fetched.

 

[madhuraj]

Ok, so it is loading the whole page and not just the right side area.

One more thing i want to ask: How they are sliding that left side navigation area on click of a mouse???

 

[6pack]

using css and javascript. some links below to help on this.

The JavaScript Source: Navigation : Slide Down Menu

javascript slide menu sliding menu collapsable creator navigation bar