Thanks Tim.
I often use javascript to enforce some change on html, rather that to use some third party framework. I know it's not always the best way to do, but I think it's also not uncommon to have business logic, or control, in javascript in many populate websites.
I looked into richfaces and icefaces. I found a good example for icefaces (
http://component-showcase.icefaces.org/component-showcase/showcase.iface). Then I used icefaces-2.0.0-Beta-1 to integrated with my jsf 2 code.
But the page does not show up any html for icefaces tags, when I use firebug to look at them, the code are there, but its in grey color, looks like been hidden, and I found some code being inserted:
It looks like been added by icefaces. But why the <ice:menuBar>, <ice:menuItem> tags are not displayed at all?