`
dragon0929
  • 浏览: 77654 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论
阅读更多

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

分享到:
评论

相关推荐

    Color Picker

    《颜色选取工具——Color Picker深度解析》 在网页设计、图形处理或编程中,颜色选取是不可或缺的一个环节。"Color Picker",正如其名,是一款专为获取颜色值而设计的实用工具,它能帮助用户方便快捷地获取Web、Hex...

    Simple Color Picker PRO v1.2.unitypackage

    《Unity中的颜色选择器插件:Simple Color Picker PRO v1.2详解》 Unity3D作为一款强大的游戏开发引擎,其丰富的资源库Asset Store为开发者提供了无数便捷的工具和插件。今天我们要深入探讨的是一款名为"Simple ...

    Screen Color Picker v1.7.exe

    Screen Color Picker是一款完全免费的屏幕取色工具,我们通过这款工具就可以选择屏幕任意位置的颜色参数,操作非常的简单,就像截图软件一样,直接按快捷键即可搞定,支持颜色预览和参数信息的显示。 Screen Color ...

    color picker 抓颜色点颜色

    "Color Picker"就是这样一款专为Windows 7 64位系统设计的颜色抓取工具,它能帮助用户轻松、快速地从屏幕上抓取并识别出任何位置的颜色值。 颜色拾取器的工作原理非常简单:当你启动软件后,只需将鼠标光标移动到...

    一个 color picker

    "一个 color picker" 是一个关于颜色选择器的项目,它可能是用JavaScript编写的,因为压缩包文件名为 "js_color_picker_v2"。颜色选择器是Web开发中常见的一种交互元素,用于让用户方便地选取颜色。在本文中,我们将...

    一个基于ASP.NET+C#实现的Color Picker Web Server Control

    "一个基于ASP.NET+C#实现的Color Picker Web Server Control" 指的是一个使用ASP.NET框架和C#编程语言开发的Web服务器控件,专门用于颜色选择功能。在网页设计中,Color Picker是允许用户从多种颜色中选取所需颜色的...

    颜色拣选器:Just Color Picker

    颜色拣选器:Just Color Picker

    超实用取色工具Just Color Picker 3.3免分下载

    超实用取色工具Just Color Picker 3.3免分下载 JustColorPicker是一小巧的屏幕取色器,把鼠标放到任意一个地方,它会告诉你颜色。软件支持简体中文界面。支持放大器取色,快捷键。 超级实用取色工具,网页设计师、...

    Color Picker.exe 取色器

    "Color Picker.exe 取色器"是一款实用工具,主要用于帮助用户在计算机屏幕上选取并识别颜色。这个工具提供了灵活的方式,让用户能够轻松地从桌面、网页或其他应用程序中抓取颜色值,以便于设计、编程或者任何需要...

    An ASP.NET Color Picker Control based on YUI Color picker

    标题"An ASP.NET Color Picker Control based on YUI Color picker"暗示了我们有一个ASP.NET自定义控件,它利用了YUI库中的颜色选择器功能。这种颜色选择器控件通常用于网页设计,允许用户在前端选择颜色,常见于...

    JQuery Color Picker (JQuery 实现的拾色器)

    **jQuery Color Picker 知识详解** 在Web开发中,用户界面的设计往往需要涉及到颜色选择功能,比如在编辑器中设置文字颜色或者背景颜色等。这时,一个直观且易用的颜色选择器就显得尤为重要。`jQuery Color Picker`...

    Color Picker (取色器)

    【Color Picker(取色器)】是编程领域中一个实用的工具,特别是在UI设计和图形编程中,它允许用户从屏幕上的任何位置选取颜色,并将其转换为可编程的颜色值。在C#编程环境下,实现这样的功能可以极大地提高开发效率...

    Simple Color Picker.zip

    "Simple Color Picker" 是一个可能的简单色彩选择工具,从其名称可以推断,它旨在为用户提供一个方便的方式来选取和管理颜色。在IT领域,颜色选择器是许多设计、开发和创意应用程序中的常见组件,例如图像编辑软件、...

    Android代码-color picker for android

    Color Picker simple android color picker with color wheel and lightness bar. market link: https://play.google.com/store/apps/details?id=com.flask.colorpicker.sample Demo video Youtube Screenshot ...

    一个优秀的基于C#+ASP.NET实现的Color Picker 控件源码

    在IT行业中,开发用户友好的界面是至关重要的,而颜色选择器(Color Picker)作为一个常见的UI元素,被广泛应用于各种应用程序中,例如网页设计、图像编辑等。本篇将深入探讨一个基于C#和ASP.NET实现的优秀Color ...

    2D Picture Color Picker LV2012 NIVerified.vi_labview_colorpicker

    "2D Picture Color Picker LV2012 NIVerified.vi" 是一个专为LabVIEW 2012设计的高级颜色选择器VI(虚拟仪器),具有直观的2D图片界面,提供了丰富的色彩选取功能。这个VI不仅能够帮助开发者精确选取颜色,还为用户...

    Color picker 颜色截取器

    "Color picker",即颜色截取器,是一种实用的计算机工具,主要功能是帮助用户从屏幕上精确选取并识别任何位置的颜色。它广泛应用于设计、编程、网页制作等需要精确调色的领域。颜色截取器的工作原理是通过捕捉屏幕上...

Global site tag (gtag.js) - Google Analytics