Log in

View Full Version : Section 508 DDTabMenu no mouse navigation


lon
03-12-2009, 12:46 PM
Hi,

I am working on an application that is using ddtabmenu.

When using Internet Explorer 6 and 7, I am having a problem accessing the submenus when a mouse is unavailable.

Does anybody have any ideas on how to code this to access the submenu using just a keyboard.

Thanks

This is the the code being used


<%@ page language="java" import="java.sql.*,java.util.*,java.lang.*" %>
<%@ taglib uri="/WEB-INF/tlds/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/tlds/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/tlds/struts-logic.tld" prefix="logic" %>
<% String ctxPath = request.getContextPath();%>
<% String highlight = request.getParameter("selected");
Integer managerSize = (Integer) request.getSession().getAttribute("managerStatus");
Integer supervisorSize = (Integer) request.getSession().getAttribute("supervisorStatus");


%>
<html:html locale="true">
<head>

<link rel=stylesheet href="<%=ctxPath%>/css/main.css" type="text/css">
<link rel=stylesheet href="<%=ctxPath%>/css/extra.css" type="text/css">
<link rel=stylesheet href="<%=ctxPath%>/css/glowtabs.css" type="text/css">
<link rel=stylesheet href="<%=ctxPath%>/css/ddcolortabs.css" type="text/css">
<html:base/>
<script type="text/javascript" src="<%=ctxPath%>/js/ddtabmenu.js">

/***********************************************
* Drop Down Tabs Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
//SYNTAX: ddtabmenu.definemenu("tab_menu_id", integer OR "auto")
ddtabmenu.definemenu("ddtabs2", "<%=highlight%>") //initialize Tab Menu #2 with 2nd tab selected

</script>
</head>
<body>

<div id="ddtabs2" class="glowingtabs">
<ul>
<li><a href="/myladr/home/agreedIndex.jsp?selected=0" rel="gc1" target="_top"><span>My Assessment</span></a></li>
<li><a href="/myladr/clpMainUser.do?action=viewILDPGoals&selected=1" rel="gc2" target="_top"><span>My ILDP Portfolio</span></a></li>
<li><a href="/myladr/clp/clpEcqRealmIndex.jsp?selected=2&navigation=ECQ" target="_top"><span>ECQ Resources</span></a></li>
<li><a href="/myladr/listClpWeRealm.do?selected=3&navigation=WE" target="_top"><span>Workplace Ecosystem</span></a></li>
<%if (managerSize.intValue() > 0 || supervisorSize.intValue() > 0){ %><li><a href="#" rel="gc3" ><span>Manager Views</span></a></li><%}%>
</ul>
</div>

<DIV class="tabcontainer">

<div id="gc1" class="tabcontent">
<a href="/myladr/home/takeAssessmentIndex.jsp" target="_top" class="menulink"><span>Take Assessment </span></a>
<a href="/myladr/displayCDRPDF.do?action=showPDF" target="_blank" class="menulink"><span>View Results</span></a>
<a href="/myladr/displayCDRPDF.do?action=sendCDRPDF" target="_top" class="menulink"><span>Send to Supervisor</span></a>
</div>

<div id="gc2" class="tabcontent">
<a href="/myladr/clp/clpUserIndex.jsp?action=viewILDPGoals&selected=1 " target="_top" class="menulink"><span>View Goals</span></a>
<a href="/myladr/clp/clpUserIndex.jsp?action=viewILDPTraining&selected=1 " target="_top" class="menulink"><span>View Training</span></a>
<a href="/myladr/clp/clpUserIndex.jsp?action=viewILDPEvents&selected=1 " target="_top" class="menulink"><span>View Events</span></a>
<a href="/myladr/clp/clpUserIndex.jsp?action=addEditILDP&selected=1 " target="_top" class="menulink"><span>Add/Edit</span></a>
<a href="/myladr/clp/clpUserHistoryIndex.jsp" target="_top" class="menulink"><span>View ILDP Timeline</span></a>
<a href="/myladr/clp/clpUserIndex.jsp?action=viewAll&selected=1" target="_top" class="menulink"><span>Print History</span></a>

</div>

<div id="gc3" class="tabcontent">
<%if (managerSize != null && managerSize.intValue() > 0) {%><a href="/myladr/reports/adhocSelectOrgChartIndex.jsp?selected=4" class="menulink" target="_top">Human Capital Performance Reports </a><%}%>
<%if (supervisorSize!=null && supervisorSize.intValue() > 0) {%><a href="/myladr/supervisor/superVisorViewIndex.jsp?selected=4" class="menulink" target="_top">Supervisor Views</a><%}%>
</div>

</DIV>


</body>

</html:html>