?
Solved

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

Posted on 2014-03-01
4
Medium Priority
?
322 Views
Last Modified: 2014-03-01
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
0
Comment
Question by:vcurtis
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
4 Comments
 
LVL 18

Expert Comment

by:Gary Davis
ID: 39897920
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
0
 

Author Comment

by:vcurtis
ID: 39897940
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
0
 
LVL 18

Accepted Solution

by:
Gary Davis earned 2000 total points
ID: 39897951
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.
0
 

Author Closing Comment

by:vcurtis
ID: 39897953
Thanks Gary
0

Featured Post

Percona Live Europe 2017 | Sep 25 - 27, 2017

The Percona Live Open Source Database Conference Europe 2017 is the premier event for the diverse and active European open source database community, as well as businesses that develop and use open source database software.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Developer tools in browsers have been around for a while, yet they are still heavily underused by developers. Developers still fix html or CSS then refresh page to see effect, or they put alert or debugger in JavaScript and then try again and again …
Whether you've completed a degree in computer sciences or you're a self-taught programmer, writing your first lines of code in the real world is always a challenge. Here are some of the most common pitfalls for new programmers.
Use Wufoo, an online form creation tool, to make powerful forms. Learn how to choose which pages of your form are visible to your users based on their inputs. The page rules feature provides you with an opportunity to create if:then statements for y…
Learn how to set-up PayPal payment integration in your Wufoo form. Allow your users to remit payment through PayPal upon completion of your online form. This is helpful for collecting membership payments, customer payments, donations, and more.

801 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question