How can I click on a menu item on the left of the page and have a different page on the right side

vcurtis
vcurtis used Ask the Experts™
on
Please Help
  I am trying to do the following.  As seen in the attachment, I want to click on the menu items on the left menu and have it a co-responding page appear on the right.


Please help
meuu.docx
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Gary DavisDir Internet Svcs

Commented:
There are many ways to do this. You can do it client-side using jQuery with a JqueryUI menu or some other add-in (http://jqueryui.com/menu/).

If you want to do this server-side and you are using ASP.Net WebForms, you can use a Master Page that contains your menu and the content area would contain your selected page (http://msdn.microsoft.com/en-us/library/aa581781.aspx).

Gary Davis

Author

Commented:
Yes thank you Gary but that tells me how do a drop-down menu. but what I need to know is how do I click an item on that drop-down and display a page
Dir Internet Svcs
Commented:
Well, looking at the jQueryUI example, you define the menu like this (as in the API documentation):

<ul id="menu">
  <li><a href="#">Item 1</a></li>
  <li><a href="#">Item 2</a></li>
  <li><a href="#">Item 3</a>
    <ul>
      <li><a href="#">Item 3-1</a></li>
      <li><a href="#">Item 3-2</a></li>
      <li><a href="#">Item 3-3</a></li>
      <li><a href="#">Item 3-4</a></li>
      <li><a href="#">Item 3-5</a></li>
    </ul>
  </li>
  <li><a href="#">Item 4</a></li>
  <li><a href="#">Item 5</a></li>
</ul>

Open in new window

The entries in the inner <ul> group are the submenu (dropdown) which you don't want. The main <ul> group are href's you'd use to replace the "#" with the url to your desired page. The API doc goes into more detail.

Author

Commented:
Thanks Gary

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial