Colorpicker使用jquery插件

我试图设计一个页面，它有一个colorpicker来设置文本的forecolor和backcolor。我通过了一个看起来很有吸引力的colorpicker的演示，并试图在弹出框中实现它。我想知道是否有任何人在这里谁是熟悉下面的链接描述的颜色拾取：Colorpicker使用jquery插件

http://www.eyecon.ro/colorpicker/

的查询是“是否有可能这个插件绑定到不同的名称一个div？”如果是的话，请随时帮助..

来源

2011-12-16 NewBie

我不明白这个问题。 “bin to a div”是什么意思？ – 2011-12-16 10:16:57

我可以通过将'id'作为colorpickerholder来显示colorpicker，当我更改为不同的文本时，它不显示。我需要在两个不同的div中显示相同的colorpicker模式。 – NewBie 2011-12-16 10:22:01

会更聪明，我们更容易向我们展示您编写的代码，以便您可以为您纠正它... – 2011-12-19 13:19:14

该页面包含下面的代码片段：

$('#colorpickerHolder').ColorPicker({flat: true});

，第一部分是标准的jQuery选择，所以你应该有noproblem更换ID为DIV：

<div id="myPicker"></div> 

// snip 

$('#myPicker').ColorPIcker({flat: true});

在网站的调用页面上，他们有这个，这表明它可能在输入字段上工作？我已经下载了该软件包，没有更好的说明。您可能需要深入了解源代码以了解其工作原理。

调用代码所有你需要做的就是选择一个 jQuery方式的元素并调用插件。 $（ '输入'）颜色拾取（选项）。

来源

2011-12-16 10:18:29

我已经使用这个颜色选择器，它工作正常。我认为你正在使用这个颜色选择器的演示文件。在演示文件“index.html”中，您可以找到类似$('#colorpickerHolder').ColorPicker({flat: true}); 的代码片段，但在此处进行任何更改都不会影响页面上的工作。

如果您发现，作者包括在顶部

<script type="text/javascript" src="js/layout.js?ver=1.0.2"> 
    </script>

这个文件的单独代码文件，layout.js包含了所有的功能ColorPicker呼叫。

我建议你创建一个新页面，只有这些行在顶部。

<script type="text/javascript" src="js/jquery.js"> 
    </script> 
    <script type="text/javascript" src="js/colorpicker.js"> 
    </script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $('#colorpickerHolder').ColorPicker({ 
       flat: true 
      }); 
      $('#myColorpickerHolder').ColorPicker({ 
       flat: true 
      });   
     }); 
    </script>

现在，只需在页面中添加两个div与ID为“colorpickerHolder”和“myColorpickerHolder”，你会看到每一个都是一个单独的颜色选择器。

来源

2011-12-19 10:21:20 Danish

试试这个。

$(document).ready(function() { 
    $('#FieldID').ColorPicker({ 
    onSubmit: function(hsb, hex, rgb, el) { 
      $(el).val(hex); 
    $(el).ColorPickerHide(); 
    }, 
    onBeforeShow: function() { 
     $(this).ColorPickerSetColor(this.value); 
    } 
    }).bind('keyup', function(){ 
     $(this).ColorPickerSetColor(this.value); 
    }) 
});

，可随时更换#FieldID与现场ID的昏迷分隔列表和/或类（以＃（锐利）前缀）（除了前面。（点））和/或任何CSS选择器。

来源

2011-12-22 22:30:08 rcdmk

Colorpicker使用jquery插件

回答

相关问题