Accessing value of input about bootstrap-colorpicker HOT 6 CLOSED

You can always access the current input value using the jquery .val() function.

from bootstrap-colorpicker.

How though? I would like to change the colour shown in the <i></i> to represent the colour in the text box, is there anyway to work out which textbox the .colorpicker() is working on?

from bootstrap-colorpicker.

I don't know exactly what you are asking for, if you want to change the color programmatically you can use .colorpicker('setValue', '#000000') , as specified in the documentation

from bootstrap-colorpicker.

i'll try to explain it better:

On my web page, i have 2 textboxes that upon loading the page, contain a value, eg:

<div class="input-group colourpicker">
  <input type="text" class="form-control" id="TopOnColour1" name="TopOnColour1" value="#FFFF00">
  <span class="input-group-addon"><i></i></span>
</div>

<div class="input-group colourpicker">
  <input type="text" class="form-control" id="TopOffColour1" name="TopOffColour1" value="#FF0000">
  <span class="input-group-addon"><i></i></span>
</div>

In my javascript code, i do the following: $(".colourpicker").colorPicker({format: "hex"});

The colorpicker component gets added to the right hand side of the textbox however it defaults to the colour black.

What i would like to do, is upon page load, have the colorpicker component reflect the actual colour that is in the textbox itself.

from bootstrap-colorpicker.

I tested your code and it works, the colorpickers have the right color: http://jsfiddle.net/z28Pf/2/
If you want to change the color (in the input and in the colorpicker) before plugin initialization you should use the statement of my previous reply (you can see the differences in the demo).

from bootstrap-colorpicker.

Ahh, i see, thanks for that.

from bootstrap-colorpicker.