Comments (5)
Would like to know as well.
from colorpicker.
Hi @akira32 and @ob7 ,
I actually closed this ticket as it has nothing to do with the color picker. This is a javaScript task:
$('#color1').val('#FF0000').css('background-color', '#FF0000');
If you have an active input field though, you can programmatically change the current color by using the following:
// colors[0] is the first set of instance when using var colors = jsColorPicker('input.color', {...
// you can also get it later like: var colors = jsColorPicker.colorPickers;
colors[0].setColor('226', 'rgb');
// the true in startRender means: render only once
colors[0].startRender(true);
So, to try this out, open a color picker in an input field (you then can also close it again, just make it active once) and put the 2 lines of code in the console of your browser. This will set the input fields value, background color and if needed the color of the text.
Hope this helped...
from colorpicker.
I'm trying to achieve this on the tiny version. When I set the color input value via javascript, it updates the value of the field itself, but the colors present in the color picker panel do not update. This has to do with adding gradient support. When the user clicks a gradient marker, I need to update the color in the panel, including where the xy-cursor should be for that color...
from colorpicker.
I'm trying to call the renderCallback from outside the picker.
from colorpicker.
I think $(selector).trigger("change") after setting the value may suffice.
from colorpicker.
Related Issues (20)
- Unable to add letters to hex code if hex starts with 0
- potential failures with "document"
- WebGL support idea
- Plugin crashes when js files are called from html's head tag instead of body HOT 2
- 8 Digit Hex Code
- Reset all pickers with a single button click [jQuery version]
- Gradients Suggestion HOT 2
- Android web views and Chrome bad rendering HOT 1
- How initialize colorPickers without clicking on element HOT 7
- How to access colorPicker object? HOT 1
- positionCallback
- allMixDetails: false not working
- Picking color from L*a*b parameters HOT 2
- Color is not changing when colorpicker windows is opened and color defined programmatically
- active dev? HOT 1
- CMYK issues HOT 2
- How i can change the color of a div ?
- Integrate with Angular 8 project
- Can't get color-picker to open from input field
- Add to comfyUI manager?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from colorpicker.