Hi,
I am doing some experiment with ADF Faces. I am trying to use a javascript library (http://gosu.pl/software/mygosumenu.html) to create a hide/show menu. The problem is that I haven't found no way to create a correct page to display the dynamic menu. It seems that using the div tag creates some problems to ADF Faces, in fact I see the menu items on top of the page and then the rest of the page. Does anyone has experience in using some kind of javascript api with ADF Faces for creating a dynamic menu and in particular using div tag?
Thanks in advance.
Regards,
Giuseppe
<?xml version='1.0' encoding='windows-1252'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:af="http://xmlns.oracle.com/adf/faces"
xmlns:afh="http://xmlns.oracle.com/adf/faces/html"
xmlns:htm="http://jsftutorials.net/htmLib">
<jsp:output omit-xml-declaration="true" doctype-root-element="HTML"
doctype-system="http://www.w3.org/TR/html4/loose.dtd"
doctype-public="-//W3C//DTD HTML 4.01 Transitional//EN"/>
<jsp:directive.page contentType="text/html;charset=windows-1252"/>
<f:view>
<afh:html>
<afh:head title="test1" binding="#{backing_test1.head1}" id="head1">
<meta http-equiv="Content-Type"
content="text/html; charset=windows-1252"/>
<htm:script type="text/javascript" language="Javascript"
src="ClickShowHideMenu.js"></htm:script>
<htm:link rel="stylesheet" type="text/css"
href="ClickShowHideMenu.css"/>
</afh:head>
<afh:body>
<h:form>
<af:panelHorizontal>
<af:panelBox binding="#{backing_test1.panelBox2}" id="panelBox2"
width="160px" background="medium">
<htm:table cellspacing="0" cellpadding="0" id="click-menu1"
styleClass="click-menu">
<htm:tr>
<htm:td>
<htm:div styleClass="box1">
Products
<htm:img src="arrow1.gif" width="11" height="11" alt=""></htm:img>
</htm:div>
<htm:div styleClass="section">
<htm:div styleClass="box2">
<htm:img src="arrow2.gif" width="14" height="9" alt=""/>
<a>Product One</a>
</htm:div>
<htm:div styleClass="box2">
<htm:img src="arrow2.gif" width="14" height="9" alt=""/>
Product Two
</htm:div>
<htm:div styleClass="box2">
<htm:img src="arrow2.gif" width="14" height="9" alt=""/>
Product Three
</htm:div>
<htm:div styleClass="box2">
<htm:img src="arrow2.gif" width="14" height="9" alt=""/>
Product Four
</htm:div>
<htm:div styleClass="box2">
<htm:img src="arrow2.gif" width="14" height="9" alt=""/>
Product Five
</htm:div>
</htm:div>
</htm:td>
</htm:tr>
</htm:table>
<htm:script type="text/javascript">new
ClickShowHideMenu('click-menu1');</htm:script>
</af:panelBox>
</af:panelHorizontal>
</h:form>
</afh:body>
</afh:html>
</f:view>
</jsp:root>