Clicky

Hello ,

I have a left side menu on my web application that will not tab correctly from top to bottom.
The menu will tab down from HOME to ADMINISTRATION, but then jumps to the main screen from there.  I have tried using DIV and FORM tags but with no success.  I have tried using TAB INDEX on the other links but that is not working  The JSP code is attached.
The left side menus contains in order:

HOME
SWITCH TO TOA
SWITCH TO QASP
ADMINISTRATION
CHANGE PASSWORD
CONTACT US
LOGOUT

 BEGIN CODE <%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %> <%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%> <%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %> <%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %> <%@ taglib uri="/WEB-INF/tlds/fema.tld" prefix="fema" %>  <%@ page import="gov.fema.core.util.Constants"%> <%     Constants constants = Constants.getApplication (request); %>  <!--beginning of left column table--> <div class="cw-leftcolumntable" >     <table border="0" cellpadding="0" cellspacing="0">         <tr>             <td valign="top" width="148">                 <div class="cw-nav-list">                     <ul id="cw-nav-list">                         <li><a href="Home.do" tabindex="100">Home</a></li>                         <ul class="cw-last"></ul>                          <fema:CheckUserRole role="DMA_WEB_ROLE, DMA_TEAM_ROLE">                             <li>Support</li>                             <ul>                                 <li class="cw-bullet"><html:link href="AdminTool.do">Admin Tool</html:link></li>                             </ul>                             <ul class="cw-last"></ul>                         </fema:CheckUserRole>                         <fema:CheckUserRole role="ISTOA_ADMIN_ROLE">                             <li><a id="toaLink" href="#">Switch to TOA</a></li>                             <li><a id="qaspLink" href="#">Switch to QASP</a></li>                             <ul class="cw-last"></ul>                             <li><a id="adminLink" href="#">Administration</a></li>                             <ul class="cw-last"></ul>                         </fema:CheckUserRole>                           <%--<li><html:link styleId="help-link" href="#"><bean:message key="link.help"/></html:link></li>--%>                           <li><a href="PasswordAdmin.do" tabindex="104">Change Password</a></li>                         <ul class="cw-last"></ul>                          <li><a href="mailto:<%= constants.getString(Constants.EMAIL_CONTACT_TECHNICAL) %>&subject=<%= constants.getString(Constants.APP_NAME) %> Assistance Needed" tabindex="105">Contact Us</a></li>                         <ul class="cw-last"></ul>                          <li><a href="Logout.do" tabindex="106">Logout</a></li>                      </ul>                 </div><!--nav_list-->             </td>         </tr>     </table><!-- end of NAV table --> </div> END CODE                             
1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 31: 32: 33: 34: 35: 36: 37: 38: 39: 40: 41: 42: 43: 44: 45: 46: 47: 48: 49: 50: 51: 52: 53: 54: 55: 56: 57: 58: 59: 60: 61: 

Select allOpen in new window

asked 11/06/2011 09:56

capturetheflag's gravatar image

capturetheflag ♦♦


3 Answers:
Set your tabindex for each element. In code above, some are missing.

<a href="Home.do" tabindex="100">Home</a>
<a id="toaLink" href="#"  tabindex="101">Switch to TOA</a>
<a id="qaspLink" href="#"  tabindex="102">Switch to QASP</a>
...
<a href="Logout.do" tabindex="106">Logout</a>
link

answered

gregg_s's gravatar image

gregg_s

Hello gregg_s,

I have already done this.  What I still have a problem with is that ExtJS 2.0 framework and not being able to skip nav through the menu and not being able to set the focus on the HOME tag.
link

answered 2011-11-07 at 07:33:17

capturetheflag's gravatar image

capturetheflag

The problem was not solved.

link

answered 2011-11-21 at 11:53:18

capturetheflag's gravatar image

capturetheflag

Your answer
[hide preview]

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here

By RSS:

Answers

Answers and Comments

Tags:

×14

Asked: 11/06/2011 09:56

Seen: 222 times

Last updated: 12/13/2011 05:19