Webサイト：ナビゲーションバー

Question

私は簡単なWebサイトを作成しています。

上部に画像があり、そのすぐ下にナビゲーションバーがあります。

ナビゲーションバーの選択内容に応じて、内容を入力する必要があります（現在は静的です）。

私は経験豊富なJava SE/EE開発者ですが、私の最後のWeb開発は過去約10年です。

私はこれが非常に簡単で、多くのWebサイトはRichFacesを含むそのようなレイアウトを持っているべきだと思います。

ナビゲーションバーのエントリの1つ上にマウスを置くとメニューがドロップすることに注意してください。

私はGlassFishを実行しています。私は、必要に応じてJSFとCDI（Seam？）を使いたいと思います。おそらくRichFacesやPrimeFacesがその上にあるでしょうか？

このテクノロジでこのようなナビゲーションバーを作成するにはどうすればよいですか？再利用できる既存のコンポーネントがあることを願っていますか？

Answer 1

私はRichFacesの最大のファンではありませんが、現在の職場で使用しています。

私は@Cagatayのコメントに同意します。使用するテクノロジーのデモページを開始するのがよいでしょう。あなたがリンクしているRichfacesサイトには、自分のデモサイトへのリンクがあり、必要な機能を見つけてソースを見てそこから移動します。 Thisはおそらく、あなたが探しているものと一致するRichFacesが提供できる最も近いものです。しかし、それの音によって、あなたは少し良く見えるものの後ろにいます。

また、私はjboss.org/richfacesサイトのメニューがRichfacesを使用していないことを確信していますが、RichFacesデモサイトだけがあります。

Answer 2

http://richfaces-showcase.appspot.com/richfaces/component-sample.jsf?demo=dropDownMenu&skin=blueSky

役に立てば幸い！

Answer 3

私が使用しているバージョン（3）はベータステージで、いくつかのバグがありますが、私はPrimefaceが好きです。 何が欲しいのは簡単、この（1版）のようなんすることができます：これはあなたが考えていたものである場合（：xmlns:p="http://primefaces.org/ui"名前空間とPrimefaces 3.0.M4を使用している場合）

<h:form> 
     <p:toolbar> 
      <p:toolbarGroup> 
       <p:selectOneMenu effect="drop" value="#{options.content}" widgetVar="sel" > 
        <f:selectItem itemLabel="First Content" itemValue="FirstContent" /> 
        <f:selectItem itemLabel="Second Content" itemValue="SecondContent" /> 
        <p:ajax event="change" update="contentPanel,contentPanel2" /> 
       </p:selectOneMenu> 
      </p:toolbarGroup> 
     </p:toolbar> 

     <p:accordionPanel id="contentPanel"> 
      <p:tab> 
       <p:panel rendered="#{options.content eq 'FirstContent'}"> 
        First Content Chosen 
       </p:panel> 
       <p:panel rendered="#{options.content eq 'SecondContent'}"> 
        Second Content Chosen 
       </p:panel> 
      </p:tab> 
     </p:accordionPanel> 
    </h:form> 

... を教えてください