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插件

回答

相關問題