0 Replies Latest reply on Jul 13, 2007 9:57 AM by grdzeli_kaci

ui:param and navigation into seam (like seam dvd store examp

grdzeli_kaci Jul 13, 2007 9:57 AM

hi all, i use seam project.
facelets for navigation.
i saw dvd store example into seam examples.
i like it very much, i need menu like there. there is menu build on and

<ul>
 <li id="page_home"><s:link view="/home.xhtml" value="Home" propagation="none"/></li>
..............
...............
</ul>^

i did also this into my example, but i have richfaces toolbar component for menu (rendered as html table).

<rich:toolBar id="menuTableId" height="15" itemSeparator="line" separatorClass="sepClass">
 <rich:toolBarGroup itemSeparator="line">
 <s:link id="home" view="/jguru/issue/content/topmenu/home.xhtml" value="Home" propagation="none">
 <ui:param name="page" value="home" />
 </s:link>
 </rich:toolBarGroup>
<rich:toolBarGroup itemSeparator="line">
 <s:link id="brproj" view="/jguru/issue/content/topmenu/browseproject.xhtml" value="Browse Project" propagation="none">
 <ui:param name="page" value="brproj" />
 </s:link>
 </rich:toolBarGroup>
 <rich:toolBarGroup itemSeparator="line">
 <s:link id="findissue" view="/jguru/issue/content/topmenu/findissue.xhtml" value="Find Issue" propagation="none">
 <ui:param name="page" value="findissue" />
 </s:link>
 </rich:toolBarGroup>
 <rich:toolBarGroup itemSeparator="line">
 <s:link id="newissue" view="/jguru/issue/content/topmenu/newissue.xhtml" value="Create New Issue" propagation="none">
 <ui:param name="page" value="newissue" />
 </s:link>
 </rich:toolBarGroup>
 <rich:toolBarGroup itemSeparator="line">
 <s:link id="admin" view="/jguru/issue/content/admin/body.xhtml" value="Administration" propagation="none">
 <ui:param name="page" value="admin" />
 </s:link>
 </rich:toolBarGroup>
</rich:toolBar>

after this into example there is javascript code and get this component and set background for this.

<script language="JavaScript">
function setClass(id, className) {
 var obj = document.getElementById(id);
 if (obj != null) {
 obj.className = className;
 }
}
 setClass("page_:" + "#{page}", "current");
</script>

every page set the parameter into example, for example :

<ui:include src="/WEB-INF/incl/store_nav.xhtml">
 <ui:param name="page" value="home" />
</ui:include>

but different in my example and sample is that into example there is full html pages:
home.xhtml, chackout.xhtml, browse.xhtml, but into my example i have not entire html pages, i have page fragments and i build it into template :
1.template:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
 xmlns:ui="http://java.sun.com/jsf/facelets">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title>Billing</title>
 <link href="/Billing/css/default.css" rel="stylesheet" type="text/css" />
 <link href="/Billing/css/cssLayout.css" rel="stylesheet" type="text/css" />
 <link href="/Billing/css/theme.css" rel="stylesheet" type="text/css" />
 <script src="/Billing/javascript/main.js" type="text/javascript"></script>
 </head>

 <body>
 <table border="0" cellpadding="0" cellspacing="0" width="100%">
 <tr>
 <td>
 <ui:include src="/jguru/issue/content/static/header.xhtml"/>
 </td>
 </tr>
 <tr>
 <td>
 <ui:include src="/jguru/issue/content/static/subheader.xhtml"/>
 </td>
 </tr>
 <tr>
 <td>
 <ui:insert name="body">Content Of Body</ui:insert>
 </td>
 </tr>
 <tr>
 <td align="center">
 <ui:include src="/jguru/issue/content/static/footers.xhtml"/>
 </td>
 </tr>
 </table>
 </body>
</html>

problem any link click time i got parameter value "admin". i don't understand why :(, can anybody help me ?

description: i have menu build on s:link and i wont set selected background.

sorry for my english.

______________
Regards,
Paata.