Taking a menu built in javascript and html and putting it in a JSF/ADF app

have a menu for a webpage that was originally built using html and javascript. I need to convert it to be used with JSF and ADF. In the html, the menu items used an unordered list inside of a div tag.

It looks something like this:

<div id="shademenu" class="shadetabs">

<ul>

<li><a href="#" rel="dropmenu0">Item1</a></li>

<li><a href="#" rel="dropmenu1" rev="testfield">Item2</a></li>

<li><a href="#" rel="dropmenu2">Item3</a></li>

<li><a href="#" rel="dropmenu3">Item4</a></li>

<li><a href="#" rel="dropmenu4">Item5</a></li>

<li><a href="#" rel="dropmenu5">Item 6</a></li>

</ul>

</div>

AND

the submenu(s) have links that look something like:

<div id="dropmenu0" class="dropmenudiv">

<a href="#">Data</a>

<a href="#">Data</a>

<a href="#">Data</a>

</div>

It is unclear to me how to work with my javascript menu to get the same look and feel with JSF or ADF as I did with html. Any insights would be great. Thanks.

Daniel

[1262 byte] By [danielwconnera] at [2007-11-26 18:42:40]
# 1

>

> <div id="shademenu" class="shadetabs">

> <ul>

> <li><a href="#" rel="dropmenu0">Item1</a></li>

> <li><a href="#" rel="dropmenu1"

> rev="testfield">Item2</a></li>

> <li><a href="#" rel="dropmenu2">Item3</a></li>

> <li><a href="#" rel="dropmenu3">Item4</a></li>

> <li><a href="#" rel="dropmenu4">Item5</a></li>

> <li><a href="#" rel="dropmenu5">Item 6</a></li>

>

> </ul>

> </div>

>

> AND

>

> the submenu(s) have links that look something like:

>

> <div id="dropmenu0" class="dropmenudiv">

> <a href="#">Data</a>

> <a href="#">Data</a>

> <a href="#">Data</a>

> </div>

>

I would suggest you go for a custom JSF component which would render the HTML content as above.

http://java.sun.com/javaee/javaserverfaces/customcomponents.html

Akash_Gangaa at 2007-7-9 6:16:38 > top of Java-index,Enterprise & Remote Computing,Web Tier APIs...