用javascript调用farbtastic颜色选择器

时间:2011-03-26 18:59:46

标签: php javascript jquery

更新

我只是尝试调用farbtastic颜色选择器,所有脚本都包含在Html中。以下代码是一个将颜色选择器作为占位符的表单。我怎么称呼我的远程颜色选择器?我正在使用以下附带的JavaScript代码。

enter code here <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>

enter code here // color picker.
$("#content").dblclick(function() {
    alert('color picker');
    $("#colorpicker").farbtastic("#color");
});

2 个答案:

答案 0 :(得分:2)

答案 1 :(得分:1)

确保代码中有空div。并将jQuery脚本放在farbtastic脚本

之前
<form>
   <label for="color">Color:</label>
   <input id="color" type="text" value="#123456" />
   <div id="colorpicker"></div>
</form>


<script type="text/javascript">
  $(function() {
      $("#colorpicker").farbtastic("#color");
  });
</script>