color picker

color picker

 

最近項目要用到一個color picker, 前臺是用JSF開發的，我首先想到 richfaces rich:colorPicker,但是發現rich:colorPicker is only available since 3.3.1.，我現在用的version 是3.3.0,於upgrade it to 3.3.2. , the latest version is 3.3.3

rich:colorPicker可以顯示，但不能選擇color,出現JS error:jQuery(".rich-color-picker-color").pngFix is not a function, google一下，其官方文檔說在version is 3.3.3中，rich:colorPicker的CSS存在bug,於是放棄了。

 

又從網上找了一個color piker,效果不錯，而且相當easy.

JSF code:

 

<script type="text/javascript" charset="utf-8"
            src="<%=response.encodeURL(request.getContextPath() + "/js/jscolor/jscolor.js")%>"></script>

 

              <td>
                 <h:outputLabel value="Banner Background Colour"/>
             </td>
             <td colspan="2">
                <h:outputText value="<input class='color' value='#{agencyWebsiteUserEditBean.awsBannerBGColour[0]}'>" escape="false"/>
             </td>

 

關銉是class='color'，同時可以加入其它option

 

<input class="color {required:false}">
<input class="color {adjust:false}">
<input class="color {hash:true}">
<input class="color {hash:true,caps:false}">

 

Demo: http://jscolor.com/try.php

Download:http://jscolor.com/download.php