如何调用farbtastic(颜色选择器)

时间:2011-03-26 16:44:29

标签: php jquery

我使用farbtastic颜色选择器,我包含了所有文件,但是当我双击时如何调用此颜色选择器?

更多信息:

这是我的.tpl文件中的占位符。我将其称为如下。

// color picker selecteren.
$(function(){
    $("#color").dbclick(function(){
        $('#colorpicker').farbtastic('#color');
    });
});

<!-- new color form -->
<form action="controller.php" method="post" class="popupform" id="form_changecolor">
    <div id="colorpicker"></div>
    <table>
    <tr><th>huidige:</th><th>nieuwe:</th></tr>
    <tr><td><input type="text" name="oldcolor" disabled="disabled" id="oldcolor" /></td><td><input type="text" name="newcolor" id="newcolor" /></td></tr>
    </table>
    <div class="buttonrow">
    <input type="hidden" name="page" value="{$PAGE}" />
    <input type="hidden" name="module" value="changecolor" />
    <input type="hidden" name="id" id="parameter_key" value="" />
    <input type="submit" class="btnOk" value="Aanpassen" />
    <input type="button" class="btnCancel" value="Annuleren" />
    </div>
</form>

@NeXXeus,我已经尝试过这样做了(评论太大了,在这个问题的上下文中很有用):

这是我的.tpl文件中的占位符。我将其称为如下。

// color picker selecteren.
$(function(){
    $("#color").dbclick(function(){
        $('#colorpicker').farbtastic('#color');
    });
});

<!-- new color form -->
<form action="controller.php" method="post" class="popupform" id="form_changecolor">
    <div id="colorpicker"></div>
    <table>
    <tr><th>huidige:</th><th>nieuwe:</th></tr>
    <tr><td><input type="text" name="oldcolor" disabled="disabled" id="oldcolor" /></td><td><input type="text" name="newcolor" id="newcolor" /></td></tr>
    </table>
    <div class="buttonrow">
    <input type="hidden" name="page" value="{$PAGE}" />
    <input type="hidden" name="module" value="changecolor" />
    <input type="hidden" name="id" id="parameter_key" value="" />
    <input type="submit" class="btnOk" value="Aanpassen" />
    <input type="button" class="btnCancel" value="Annuleren" />
    </div>
</form>

1 个答案:

答案 0 :(得分:1)

您的问题不是很清楚,此页面有关于设置的非常好的说明:http://acko.net/dev/farbtastic

根据那里的例子,如果你只想让它在双击时成为一个颜色选择器......

$("#color").dblclick(function(){
    $('#colorpicker').farbtastic('#color');
});