Update of /cvsroot/struts-menu/navigator/web
In directory sc8-pr-cvs1:/tmp/cvs-serv15819/web
Added Files:
coolmenu1.jsp coolmenu2.jsp coolmenu4.jsp dhtmlDropdown.jsp
dhtmlExpandable.jsp index.jsp listMenu.jsp menutest1.jsp
menutest2.jsp permissionsForm.jsp permissionsMenu.jsp
rolesMenu.jsp secure.jsp tabbedMenu.jsp taglibs.jsp test.jsp
tree.jsp velocity-coolmenu4.jsp velocity-nicetabs.jsp
velocity-tabs.jsp velocity-xtree.jsp velocity.jsp
Log Message:
moved src/webapp to web
--- NEW FILE: coolmenu1.jsp ---
<%@ include file="/taglibs.jsp"%>
<html>
<head>
<title>CoolMenus3 Example</title>
<link rel="stylesheet" type="text/css" media="screen"
href="styles/global.css" />
</head>
<body>
<script language="JavaScript1.2" src="./scripts/coolmenus3.js">
</script>
<script src="./scripts/coolmenu-config.js">
</script>
<menu:useMenuDisplayer name="CoolMenu" bundle="org.apache.struts.action.MESSAGE">
<menu:displayMenu name="ToDoListMenuFile"/>
<menu:displayMenu name="ToDoListMenuEdit"/>
<menu:displayMenu name="CaseDetailMenuCase"/>
</menu:useMenuDisplayer>
</body>
</html>
--- NEW FILE: coolmenu2.jsp ---
<%-- netscape 4.x does not render the characters correctly after the
layer has been hidden. --%>
<%-- <%@ page contentType="text/html; charset=UTF-8" %> --%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html"; prefix="html" %>
<%@ taglib uri="http://struts-menu.sf.net/tag"; prefix="menu" %>
<html>
<head>
<title>CoolMenus3 Example</title>
<link rel="stylesheet" type="text/css" media="screen"
href="styles/global.css" />
</head>
<body>
<script language="JavaScript1.2" src="./scripts/coolmenus3.js">
</script>
<script src="./scripts/coolmenu2-config.js">
//this is a custom config for this example
</script>
<menu:useMenuDisplayer name="CoolMenu" bundle="org.apache.struts.action.MESSAGE">
<menu:displayMenu name="ToDoListMenuFile"/>
<menu:displayMenu name="ToDoListMenuEdit"/>
<menu:displayMenu name="CaseDetailMenuCase"/>
</menu:useMenuDisplayer>
<br>
<!-- put the form on a layer for coolmenus to handle Netscape4
this is indicated by setting oCMenu.hideForm("document.formlayer")
see the javscript coolmenu configuration file.
-->
<ilayer id="formLayer">
<form action="someaction.do">
sample field1:<input type="text" name="sample"/> <br>
sample field2:<input type="text" name="sample2"/> <br>
options:
<select name="select1">
<option>option value</option>
</select>
</form>
</ilayer>
<b> the following is taken from a coolmenus3 example: </b>
<hr>
As you can see in this page there are form elements. In Netscape 4 there's a bug that
makes ALL form elements
get the highest z-index. That means that the form elements "shines" trough the
elements. In explorer and netscape 6 this only goes
for select boxes. So I have made a check that you can turn on (oCMenu.checkselect)
that checks for select boxes and
hides them if they come in the way of the menu. Unfortunatly this can not be done in
Netscape so I have added another workaround to
that problem on this page. Surround your entire form with a ILAYER tag (ilayers are
positioned relative by default). Add a id to
the layer and place that id inside the variable oCMenu.hideForm, like this:
oCMenu.hideForm="document.LAYER_NAME"
<hr>
<br>
I have also found that Netscape 4 does not render the characters correctly after the
form has been hidden if the content-type is set to UTF-8. This may mean that you
can't use this technique for netscape 4 and internationalized sites that are not
ascii. I haven't tested this thouroughly, but I think there definately some issues.
I've commented out the content-type directive in the jsp page.
</body>
</html>
</body>
</html>
--- NEW FILE: coolmenu4.jsp ---
<%@ include file="/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
<head>
<title>CoolMenus4 Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen"
href="styles/coolmenu.css" />
<script type="text/javascript" src="scripts/coolmenus4.js"></script>
<script type="text/javascript" src="scripts/cm_addins.js"></script>
</head>
<body>
<!-- Custom Configuration for this example, must come after body to work in IE -->
<script type="text/javascript" src="scripts/coolmenu4-config.js"></script>
<menu:useMenuDisplayer name="CoolMenu4" bundle="org.apache.struts.action.MESSAGE">
<menu:displayMenu name="ToDoListMenuFile"/>
<menu:displayMenu name="ToDoListMenuEdit"/>
<menu:displayMenu name="CaseDetailMenuCase"/>
</menu:useMenuDisplayer>
</div>
</body>
</html>
--- NEW FILE: dhtmlDropdown.jsp ---
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
<head>
<title>Expandable List Menu Example, using DHTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen"
href="styles/menuDropdown.css" />
<script type="text/javascript" src="scripts/menuDropdown.js"></script>
</head>
<body>
<jsp:include page="listMenu.jsp" flush="true"/>
<div class="note" style="left: 300px">
This menu is based on <a href="http://www.gazingus.org/dhtml/?id=109";>this example</a>
from Dave Lindquist.
<br /><br />
There seems to be some issues on this one with menus nested more
than one level down.
</div>
</body>
</html>
--- NEW FILE: dhtmlExpandable.jsp ---
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
<head>
<title>Expandable List Menu Example, using DHTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen"
href="styles/menuExpandable.css" />
<script type="text/javascript" src="scripts/menuExpandable.js"></script>
</head>
<body>
<jsp:include page="listMenu.jsp" flush="true"/>
<div class="note" style="top: 0px; left: 300px">
This menu is based on <a href="http://www.gazingus.org/dhtml/?id=109";>this example</a>
from Dave Lindquist.
</div>
</body>
</html>
--- NEW FILE: index.jsp ---
<%@ include file="/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
<head>
<title>Struts Menu Example Application</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen"
href="styles/nicetabs.css" />
<link rel="stylesheet" type="text/css" media="screen"
href="styles/global.css" />
<script type="text/javascript" src="scripts/nicetabs.js"></script>
</head>
<body>
<div id="header">
<menu:useMenuDisplayer name="Velocity" config="/templates/indextabs.html"
bundle="org.apache.struts.action.MESSAGE">
<ul id="menuList">
<menu:displayMenu name="projectMenu"/>
</ul>
</menu:useMenuDisplayer>
</div>
<div id="content">
<h2>Struts Menu Examples</h2>
<p>
Click on the menu links below to see the different types of menus
supported by Struts Menu.
</p>
<menu:useMenuDisplayer name="Velocity" config="/templates/index.html">
<ul class="glassList">
<menu:displayMenu name="indexMenu"/>
</ul>
</menu:useMenuDisplayer>
</div>
</body>
</html>
--- NEW FILE: listMenu.jsp ---
<%@ include file="/taglibs.jsp"%>
<menu:useMenuDisplayer name="ListMenu"
bundle="org.apache.struts.action.MESSAGE">
<menu:displayMenu name="ToDoListMenuFile"/>
<menu:displayMenu name="ToDoListMenuEdit"/>
<menu:displayMenu name="CaseDetailMenuCase"/>
</menu:useMenuDisplayer>
<p style="margin-left: 10px"><a href="javascript:changeCSS(0)">Disable
Stylesheets</a></p>
<script type="text/javascript">
<!--
function changeCSS(nr) {
if (document.getElementsByTagName)
x = document.getElementsByTagName('link');
else if (document.all)
x = document.all.tags('link');
else
{
alert('This script does not work in your browser');
return;
}
nr--;
for (var i=0;i<x.length;i++) {
dis = !(i == nr);
x[i].disabled = dis;
}
}
//-->
</script>
--- NEW FILE: menutest1.jsp ---
<%@ include file="/taglibs.jsp"%>
<html>
<body>
<table cellpadding=0 cellspacing=0>
<tr valign=top>
<td>
<menu:useMenuDisplayer name="DropDown" bundle="org.apache.struts.action.MESSAGE">
<table cellpadding=0 cellspacing=0>
<tr>
<td>
<menu:displayMenu name="ToDoListMenuFile" target="filewindow"/>
</td>
</tr>
<tr>
<td>
<menu:displayMenu name="ToDoListMenuEdit"/>
</td>
</tr>
<tr>
<td>
<menu:displayMenu name="CaseDetailMenuCase"/>
</td>
</tr>
</table>
</menu:useMenuDisplayer>
</td>
<td>
<menu:useMenuDisplayer name="Simple" bundle="org.apache.struts.action.MESSAGE">
<table cellpadding=0 cellspacing=0>
<tr>
<td>
<menu:displayMenu name="ToDoListMenuFile"/>
</td>
</tr>
<tr>
<td>
<menu:displayMenu name="ToDoListMenuEdit"/>
</td>
</tr>
</table>
</menu:useMenuDisplayer>
</td>
</tr>
</table>
</body>
</html>
--- NEW FILE: menutest2.jsp ---
<%@ include file="/taglibs.jsp"%>
<html>
<body>
<table cellpadding=0 cellspacing=0>
<tr valign=top>
<td>
<menu:useMenuDisplayer name="DropDown" config="AppDisplayerStrings"
bundle="org.apache.struts.action.MESSAGE">
<table cellpadding=0 cellspacing=0>
<tr>
<td>
<menu:displayMenu name="ToDoListMenuFile" target="filewindow"/>
</td>
</tr>
<tr>
<td>
<menu:displayMenu name="ToDoListMenuEdit"/>
</td>
</tr>
<tr>
<td>
<menu:displayMenu name="CaseDetailMenuCase"/>
</td>
</tr>
</table>
</menu:useMenuDisplayer>
</td>
<td width=50px></td>
<td>
<menu:useMenuDisplayer name="Simple" config="AppDisplayerStrings"
bundle="ISOCodeRes">
<table cellpadding=0 cellspacing=0>
<tr height=4 bgcolor="darkblue"><td></tr></td>
<tr>
<td>
<menu:displayMenu name="Countries"/>
</td>
</tr>
</table>
</menu:useMenuDisplayer>
</td>
<td width=50px></td>
<td>
<menu:useMenuDisplayer name="Simple" config="AppDisplayerStrings"
bundle="org.apache.struts.action.MESSAGE">
<table cellpadding=0 cellspacing=0>
<tr>
<td>
<menu:displayMenu name="ToDoListMenuFile"/>
</td>
</tr>
<tr>
<td>
<menu:displayMenu name="ToDoListMenuEdit"/>
</td>
</tr>
</table>
</menu:useMenuDisplayer>
</td>
</tr>
</table>
</body>
</html>
--- NEW FILE: permissionsForm.jsp ---
<%@ include file="/taglibs.jsp"%>
<html>
<head>
<title>Permissions Example</title>
<link rel="stylesheet" type="text/css" media="screen"
href="styles/global.css" />
</head>
<body>
<br>
Select menus to <b>disable</b>.
<br>
<html:form action="/setPermissions">
<table border="1">
<tr>
<td>
<table cellpadding=0 cellspacing=0>
<tr valign=top>
<td>
<menu:useMenuDisplayer name="MenuForm"
bundle="org.apache.struts.action.MESSAGE">
<table cellpadding=0 cellspacing=0>
<tr>
<td>
<menu:displayMenu name="ToDoListMenuFile"/>
</td>
</tr>
<tr>
<td>
<menu:displayMenu name="ToDoListMenuEdit"/>
</td>
</tr>
</table>
</menu:useMenuDisplayer>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<input type="radio" name="displayer" id="displayer"
value="CoolMenu" checked="checked"/> Use CoolMenu3<br />
<input type="radio" name="displayer" id="displayer"
value="CoolMenu4" /> Use CoolMenu4<br />
<input type="radio" name="displayer" id="displayer"
value="ListMenu" /> Use ListMenu
</td>
</tr>
<tr>
<td>
<html:submit value="Set Permissions"/>
</td>
</tr>
</table>
</html:form>
</body>
</html>
--- NEW FILE: permissionsMenu.jsp ---
<%@ include file="/taglibs.jsp"%>
<html>
<head><title>Permissions Menu</title>
<%
String displayer = (String)session.getAttribute("displayer");
if (displayer == null) {
displayer="CoolMenu";
}
if (displayer.equalsIgnoreCase("CoolMenu")) {
%>
<script language="JavaScript1.2" src="./scripts/coolmenus3.js"></script>
</head>
<body>
<script src="./scripts/permissionsMenu-config.js"></script>
<% } else if (displayer.equalsIgnoreCase("CoolMenu4")) { %>
<link rel="stylesheet" type="text/css" media="screen"
href="styles/coolmenu.css" />
<script type="text/javascript" src="scripts/coolmenus4.js"></script>
<script type="text/javascript" src="scripts/cm_addins.js"></script>
</head>
<body>
<script type="text/javascript" src="scripts/coolmenu4-config.js"></script>
<% } else { %>
<link rel="stylesheet" type="text/css" media="screen"
href="styles/menuExpandable.css" />
<script type="text/javascript" src="scripts/menuExpandable.js"></script>
</head>
<body>
<% } %>
<menu:useMenuDisplayer name='<%=displayer%>'
bundle="org.apache.struts.action.MESSAGE"
permissions="exampleAdapter">
<menu:displayMenu name="ToDoListMenuFile"/>
<menu:displayMenu name="ToDoListMenuEdit"/>
<menu:displayMenu name="Permissions"/>
</menu:useMenuDisplayer>
</body>
</html>
--- NEW FILE: rolesMenu.jsp ---
<%@ include file="/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
<head>
<title>Expandable List Menu Example, using DHTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen"
href="styles/menuExpandable.css" />
<script type="text/javascript" src="scripts/menuExpandable.js"></script>
</head>
<body>
<menu:useMenuDisplayer name="ListMenu"
bundle="org.apache.struts.action.MESSAGE"
permissions="rolesAdapter">
<menu:displayMenu name="ToDoListMenuFile"/>
<menu:displayMenu name="ToDoListMenuEdit"/>
<menu:displayMenu name="Permissions"/>
</menu:useMenuDisplayer>
<div class="note" style="top: 0px; left: 300px">
This menu will hide menu items if you're not in the "roles" attribute
for the menu or item. These roles are set in menu-config.xml. You will
need to <a href="secure.jsp">login</a> to as tomcat/tomcat to see the
third (permissions) menu.
</div>
<script type="text/javascript">
expandMenus();
</script>
</body>
</html>
--- NEW FILE: secure.jsp ---
<jsp:include page="rolesMenu.jsp" flush="true"/>
--- NEW FILE: tabbedMenu.jsp ---
<%@ include file="/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
<head>
<title>Expandable List Menu Example, using DHTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen"
href="styles/tabs.css" />
<script type="text/javascript" src="scripts/tabs.js"></script>
</head>
<body>
<menu:useMenuDisplayer name="TabbedMenu"
bundle="org.apache.struts.action.MESSAGE">
<menu:displayMenu name="TabbedHome"/>
<menu:displayMenu name="TabbedAbout"/>
<menu:displayMenu name="TabbedContact"/>
<menu:displayMenu name="TabbedExit"/>
</menu:useMenuDisplayer>
<div id="contents">
<h2>CSS Tabs with Submenus</h2>
<p>
Adapted from <a href="http://www.kalsey.com/tools/csstabs/";>
Adam Kalsey's demo</a>. Changes include:
</p>
<ul>
<li>Removed redundant CSS classes - now uses JavaScript, CSS and
Cookies to detect which menu should be active.</li>
<li>Added XHTML Strict DOCTYPE and adjusted CSS accordingly.</li>
<li>Integrated into <a href="http://sf.net/projects/struts-menu";>
Struts-Menu</a> as a new displayer (TabbedMenuDisplayer).</li>
</ul>
<p><strong>How it works</strong><br /><br />
JavaScript is used to set the active menu when the page first loads.
It does this by comparing the current location with the href's
in the menu's links. Then it uses current.indexOf(eachLink) and
matches the first one. If more than one link matches the current link,
then the cookie from the last clicked menu is used.
<br /><br />
As always, send any comments via e-mail to the
<a href="mailto:[EMAIL PROTECTED] Menu">
struts-menu user mailing list</a>.
</p>
<p><strong>NOTE:</strong> If you do not
have a location/page on your menu, the first item in the submenu is used.
This menu does not currently allow for dynamically showing the submenu
when you mouseover the tabs, but this could probably be added easily.
</p>
</div>
</body>
</html>
--- NEW FILE: taglibs.jsp ---
<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html"; prefix="html" %>
<%@ taglib uri="http://struts-menu.sf.net/tag"; prefix="menu" %>
--- NEW FILE: test.jsp ---
<%@ include file="/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
<head>
<title>Velocity Menu Example</title>
<link rel="stylesheet" type="text/css" media="screen"
href="styles/global.css" />
<link rel="stylesheet" type="text/css" media="screen"
href="styles/coolmenu.css" />
<script type="text/javascript" src="scripts/coolmenus4.js"></script>
<script type="text/javascript" src="scripts/cm_addins.js"></script>
</head>
<body>
<!-- Custom Configuration for this example, must come after body to work in IE -->
<script type="text/javascript" src="scripts/coolmenu4-config.js"></script>
<menu:useMenuDisplayer name="Velocity" config="/templates/coolmenus.html"
bundle="org.apache.struts.action.MESSAGE">
<script type="text/javascript">
<!--
<menu:displayMenu name="ToDoListMenuFile"/>
<menu:displayMenu name="ToDoListMenuEdit"/>
<menu:displayMenu name="CaseDetailMenuCase"/>
oCMenu.construct();
// -->
</script>
</menu:useMenuDisplayer>
Simple menu with Velocity:<br />
<menu:useMenuDisplayer name="Velocity" config="/templates/table.html"
bundle="org.apache.struts.action.MESSAGE">
<menu:displayMenu name="ToDoListMenuFile"/>
</menu:useMenuDisplayer>
</body>
</html>
--- NEW FILE: tree.jsp ---
<%@ page language="java" contentType="javascript/x-javascript" %>
<%@ taglib uri="http://struts-menu.sf.net/tag"; prefix="menu" %>
<menu:useMenuDisplayer name="Velocity" config="/templates/xtree.html"
bundle="org.apache.struts.action.MESSAGE">
if (document.getElementById) {
<menu:displayMenu name="ToDoListMenuFile"/>
<menu:displayMenu name="ToDoListMenuEdit"/>
<menu:displayMenu name="CaseDetailMenuCase"/>
} else {
var msg = "Your browser does not support document.getElementById().\n";
msg += "You must use a modern browser for this menu.";
alert(msg);
}
</menu:useMenuDisplayer>
--- NEW FILE: velocity-coolmenu4.jsp ---
<%@ include file="/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
<head>
<title>CoolMenus4 (with Velocity) Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen"
href="styles/coolmenu.css" />
<script type="text/javascript" src="scripts/coolmenus4.js"></script>
<script type="text/javascript" src="scripts/cm_addins.js"></script>
</head>
<body>
<!-- Custom Configuration for this example, must come after body to work in IE -->
<script type="text/javascript" src="scripts/coolmenu4-config.js"></script>
<menu:useMenuDisplayer name="Velocity" config="/templates/coolmenus.html"
bundle="org.apache.struts.action.MESSAGE">
<script type="text/javascript">
<!--
<menu:displayMenu name="ToDoListMenuFile"/>
<menu:displayMenu name="ToDoListMenuEdit"/>
<menu:displayMenu name="CaseDetailMenuCase"/>
oCMenu.construct();
// -->
</script>
</menu:useMenuDisplayer>
</div>
</body>
</html>
--- NEW FILE: velocity-nicetabs.jsp ---
<%@ include file="/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
<head>
<title>Nice Tabs! Menu (with Velocity) Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen"
href="styles/nicetabs.css" />
<script type="text/javascript" src="scripts/nicetabs.js"></script>
</head>
<body>
<div id="header">
<menu:useMenuDisplayer name="Velocity" config="/templates/nicetabs.html"
bundle="org.apache.struts.action.MESSAGE">
<ul id="menuList">
<menu:displayMenu name="TabbedHome"/>
<menu:displayMenu name="TabbedAbout"/>
<menu:displayMenu name="TabbedContact"/>
<menu:displayMenu name="TabbedExit"/>
</ul>
</menu:useMenuDisplayer>
</div>
<div style="margin:0; padding:1em; clear:both;">
<h2>Nice Tabs (a.k.a. Sliding Doors of CSS)</h2>
<p>
Nice tabs adapted from
<a href="http://www.alistapart.com/d/slidingdoors2/v1/ex9.html";>this
example</a>.
</p>
</div>
</body>
</html>
--- NEW FILE: velocity-tabs.jsp ---
<%@ include file="/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
<head>
<title>Tabbed Menu (with Velocity) Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen"
href="styles/tabs.css" />
<script type="text/javascript" src="scripts/tabs.js"></script>
</head>
<body>
<div id="menuDiv">
<menu:useMenuDisplayer name="Velocity" config="/templates/tabs.html"
bundle="org.apache.struts.action.MESSAGE">
<ul id="menuList">
<menu:displayMenu name="TabbedHome"/>
<menu:displayMenu name="TabbedAbout"/>
<menu:displayMenu name="TabbedContact"/>
<menu:displayMenu name="TabbedExit"/>
</ul>
</menu:useMenuDisplayer>
</div>
<div id="contents">
<h2>CSS Tabs with Submenus</h2>
<p>
This example uses a Velocity template to render its HTML. Otherwise,
it's the same as the <a href="tabbedMenu.jsp?Home">Tabbed Menu Example</a>.
However, this one is much better (in my opinion) because you have full
control over the HTML (via Velocity templates) and display logic.
</p>
</div>
</body>
</html>
--- NEW FILE: velocity-xtree.jsp ---
<%@ include file="/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
<head>
<title>XTree (with Velocity) Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen"
href="styles/global.css" />
<link rel="stylesheet" type="text/css" media="screen"
href="styles/xtree.css" />
<style type="text/css">
div.container {
position: absolute;
width: 200px;
top: 0px;
left: 0px;
height: 100%;
padding: 5px;
overflow: auto;
}
</style>
<script type="text/javascript" src="scripts/xtree.js"></script>
</head>
<body>
<div class="container">
<script type="text/javascript">
<menu:useMenuDisplayer name="Velocity" config="/templates/xtree.html"
bundle="org.apache.struts.action.MESSAGE">
if (document.getElementById) {
<menu:displayMenu name="ToDoListMenuFile"/>
<menu:displayMenu name="ToDoListMenuEdit"/>
<menu:displayMenu name="CaseDetailMenuCase"/>
} else {
var msg = "Your browser does not support document.getElementById().\n";
msg += "You must use a modern browser for this menu.";
alert(msg);
}
</menu:useMenuDisplayer>
</script>
</div>
</body>
</html>
--- NEW FILE: velocity.jsp ---
<%@ include file="/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
<head>
<title>Velocity Menu Example</title>
<link rel="stylesheet" type="text/css" media="screen"
href="styles/global.css" />
</head>
<body>
Table Menu with Velocity:<br />
<menu:useMenuDisplayer name="Velocity" config="/templates/table.html"
bundle="org.apache.struts.action.MESSAGE">
<menu:displayMenu name="indexMenu"/>
</menu:useMenuDisplayer>
<hr />
Simple menu with Velocity:<br />
<menu:useMenuDisplayer name="Velocity" config="simple.html"
bundle="org.apache.struts.action.MESSAGE">
<menu:displayMenu name="ToDoListMenuFile"/>
</menu:useMenuDisplayer>
</body>
</html>
-------------------------------------------------------
This SF.net email is sponsored by: SF.net Giveback Program.
Does SourceForge.net help you be more productive? Does it
help you create better code? SHARE THE LOVE, and help us help
YOU! Click Here: http://sourceforge.net/donate/
_______________________________________________
struts-menu-devel mailing list
[EMAIL PROTECTED]
https://lists.sf.net/lists/listinfo/struts-menu-devel
