我如何適應Orbeon Forms的Wikibooks垂直菜單示例？

我正在尋找Orbeon實施垂直菜單的幫助。這裏是我正在尋找的一個例子：http://en.wikibooks.org/wiki/XForms/Vertical_Menu。我如何適應Orbeon Forms的Wikibooks垂直菜單示例？

任何關於如何去實現這個指針？這是我到目前爲止有：

<fr:button> 
    <xforms:label ref="$form-resources/section-1/label"/> 
    <xforms:toggle case="case-1" ev:event="DOMActivate" /> 
    </fr:button> 
    <fr:button> 
    <xforms:label ref="$form-resources/section-2/label"/> 
    <xforms:toggle case="case-2" ev:event="DOMActivate" /> 
    </fr:button> 
    <xforms:switch> 
    <xforms:case id="case-1" selected="true()"> 
       ...

這是接近，但按鈕不保留高亮的屏幕周圍的用戶點擊。理想情況下，該按鈕將保持突出顯示，除非另一個按鈕被點擊。

更新：我對可視化更感興趣（垂直按鈕菜單選擇要顯示的窗體部分，顯示部分時顯示的部分出現切換或按下按鈕）。

來源

2011-12-07 Wayne Eull

您指定的示例使用target pseudo-class來突出顯示通過CSS的當前選項卡。在IE上，只有版本9起，supports the target pseudo-class，限制了這種技術的實用性。

不過，如果您對此感到滿意，您可以使用Orbeon Forms做同樣的事情。在你指出的例子中，目標被更改爲<a href="#tab1">。在使用Orbeon形式的代碼，您可以使用一個<xforms:load>，如：

<fr:button> 
    <xforms:label>Select Items</xforms:label> 
    <xforms:action ev:event="DOMActivate"> 
     <xforms:toggle case="case-2"/> 
     <xforms:load resource="#tab1"/> 
    </xforms:action> 
</fr:button>

來源

2011-12-08 02:18:58 avernet

很好的回答，雖然是有辦法做到這一點不依賴於目標僞類？我對可視化（垂直按鈕菜單選擇要顯示的窗體部分）比對特定技術更感興趣。 –

如果您對現實生活中的解決方案感興趣，您可以接受水平顯示而不是垂直顯示的標籤嗎？如果是這種情況，那麼你可以使用''組件。更多信息請訪問http://wiki.orbeon.com/forms/doc/developer-guide/xbl-components/tab-view – avernet

我如何適應Orbeon Forms的Wikibooks垂直菜單示例？

回答

相關問題