masquer le code couleur farbtastic - javascript, jquery

Il y a un grand http://acko.net/blog/farbtastic-jquery-color-picker-plug-in/

J'ai besoin de faire 2 choses:

une. Masquer le code de couleur que nous pouvons voir sous

<input readonly="readonly" type="text" id="color"  name="color" value="#123456" />

b. Gardez ce code dans un autre champ caché.

Comment cela peut-il être fait?

Je vous remercie!

Réponses:

Essaye ça

HTML

<form>
<input type="text" id="color" name="color" />
<input type="hidden" id="colorValue" name="colorValue" />
</form>
<div id="colorpicker"></div>​

JS

$(document).ready(function() {
var picker = $.farbtastic("#colorpicker");
picker.setColor("#fff");
picker.linkTo(function onColorChange(color) {
$("#color").css({"background-color":color});
$("#colorValue").val(color);
});
});

DEMO.

Je ne vois pas le script auquel vous faites référence, la page n’a pas été chargée, mais je suis sûr que vous devez simplement changer le type. hidden, quand il est caché, vous pouvez aussi enlever le readonly attribut:

<input type="hidden" id="color" name="color" value="#123456" / >

Je suppose que le script a automatiquement mis à jour le champ que vous avez mentionné. S'il est masqué, il le mettra quand même à jour.