[Last Call] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

How to make a sublist item in navigation panel

Posted on 2009-04-19
11
Medium Priority
?
728 Views
Last Modified: 2012-05-06
Hi experts,
                    Can you please help me out with making two sublist items under the Executive Summary Link?
                     Something like:

Home
Executive Summary
        -Application
        -Aspect
Alerting
Contact us

my present code is below:

<% 
String pageReg= "";
String exc="",asp="",al="",home= "",con="";
 
	try{
	  pageReg=(String)request.getParameter("page").toString();
	 }catch (Exception e){home="class=\"submenu-current\"";}
 
 
		 
		if( pageReg.equals("summary")){
		
		       exc="class=\"submenu-current\"";
		       
		}else if(pageReg.equals("aspects"))
		 {
		 asp="class=\"submenu-current\"";
		 
		 }else if(pageReg.equals("alerts"))
		   {
			al="class=\"submenu-current\"";
			
		   } else if(pageReg.equals("contact"))
		     {
		      con="class=\"submenu-current\"";
		      } else {
			     if(pageReg.equals("home")){
			home="class=\"submenu-current\"";
		      }
		      }
		      
    %>
<div id="left-col">              <!-- begin left column -->
        <div class="inner">
         <img border="0" src="../images/SI_Logo.PNG" width="155"
	height="64">
         <br>
            <ul class="nav-list">
                    <ul class="submenu">
				    <li <%= home%>><a href="index.jsp">Home</a></li>
                    <li <%= exc%>><a href="ExeSum.jsp?page=summary">Executive Summary</a></li>
                    <li <%= al%>><a href="alert.jsp?page=alerts">Alerting</a></li>
                    <li <%= con%>><a href="contact.jsp?page=contact">Contact Us</a></li>
                  </ul>
            
             </ul>
</div>
        </div>

Open in new window

0
Comment
Question by:aman0711
  • 5
  • 4
  • 2
11 Comments
 
LVL 86

Expert Comment

by:CEHJ
ID: 24182367
You just need to nest <ul> in <li>. What exactly is the trouble?
0
 
LVL 10

Author Comment

by:aman0711
ID: 24183705
Hi CEHJ,
             
    So is this the way to do it?

<li <%= exc%>><a href="ExeSum.jsp?page=summary">Executive Summary</a></li>
                 <ul>Application</ul>
                 <ul><Aspect</ul>

????
         
Trouble is, When a user clicks on Application or Aspect, it should be highlighted
0
 
LVL 86

Accepted Solution

by:
CEHJ earned 1000 total points
ID: 24183720
That's right. But you have no items there so it should be more like the following (with links)
 <ul><li><a href="">Application</a></li></ul>

Open in new window

0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
LVL 10

Author Comment

by:aman0711
ID: 24183810
Yeah, I got that :-)

CEHJ, I will post another important question in a while..
You have to give your suggestions on that :-)

Thanks in advance :-)
0
 
LVL 92

Expert Comment

by:objects
ID: 24183815
no you need to put the ul inside the li

  • >Executive Summary
                   
    • Application
                   
  • 0
     
    LVL 92

    Assisted Solution

    by:objects
    objects earned 1000 total points
    ID: 24183819
    no you need to put the ul inside the li

    http://simplebits.com/notebook/2003/10/19/styling_nested_lists.html

    <li <%= exc%>><a href="ExeSum.jsp?page=summary">Executive Summary</a>
                    <ul>Application</ul>
                    <ul><Aspect</ul>
    </li>
    

    Open in new window

    0
     
    LVL 86

    Expert Comment

    by:CEHJ
    ID: 24183831
    >>You have to give your suggestions on that :-)

    OK
    0
     
    LVL 10

    Author Comment

    by:aman0711
    ID: 24184628
    Thank you CEHJ, Objects :-)
    0
     
    LVL 10

    Author Closing Comment

    by:aman0711
    ID: 31572093
    Thanks :-)
    0
     
    LVL 86

    Expert Comment

    by:CEHJ
    ID: 24205092
    :-)
    0
     
    LVL 10

    Author Comment

    by:aman0711
    ID: 24205165
    CEHJ,
                I am going to post the question I was talking about to discuss with you in few minutes, please guide me with that
    0

    Featured Post

    Concerto's Cloud Advisory Services

    Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

    Question has a verified solution.

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

    I had a project requirement for a displaying a user workbench .This workbench would consist multiple data grids .In each grid the user will be able to see a large number of data. These data grids should allow the user to 1. Sort 2. Export the …
    Basic understanding on "OO- Object Orientation" is needed for designing a logical solution to solve a problem. Basic OOAD is a prerequisite for a coder to ensure that they follow the basic design of OO. This would help developers to understand the b…
    Viewers learn about the third conditional statement “else if” and use it in an example program. Then additional information about conditional statements is provided, covering the topic thoroughly. Viewers learn about the third conditional statement …
    This video teaches viewers about errors in exception handling.
    Suggested Courses
    Course of the Month18 days, 6 hours left to enroll

    830 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