定製的Xforms觸發器與圖像

我想創建一個Xforms處理器，我真的不明白如何處理觸發器，它需要顯示一個文本的圖像insthead。 The specification不提供這樣的細節，但我發現an Open Book這個例子：定製的Xforms觸發器與圖像

<xf:trigger appearance="xf:image"> 
    <img src="XForms-button.jpg" /> 
    <xf:message level="modal" ev:event="DOMActivate">Image 
    clicked</xf:message> 
    <xf:hint>This hint text comes up if you hover over a button.</xf:hint> 
</xf:trigger>

但由於標準不提了，img標籤是xforms-定義的HTML - 不是，我想知道，如果它是對的。你怎麼看？

來源

2014-10-17 gal007

這樣做的最簡單方法是使用CSS背景圖像作爲觸發器或更好地生成按鈕。瀏覽一下瀏覽器源代碼應該知道如何匹配你想要的元素。如果您使用betterform作爲標籤建議你可以這樣寫

#mytrigger .xfValue{ 
    background-image:url....

規則你必須給觸發器的ID「mytrigger」這個工作。

應該針對betterFORM工作的另一種選擇：

<xf:trigger id="trigger1" ref="trigger1/value" src="images/bf_logo_67x27.png"> 
     <xf:label></xf:label> 
</xf:trigger>

來源

2014-10-18 15:26:33

定製的Xforms觸發器與圖像

回答

相關問題