Comments (7)
Hi @thednp
it is actually as easy as you suggested, you just picked the wrong file.
First you have to decide if you want to take the javaScript only or the jQuery implementation,
so you chose the folders 'javascript_implememntation/' or 'jQuery_implementation/' where you find the file you want to use: either 'jsColorPicker.min.js' or 'jQueryColorPicker.min.js' (instead of 'colorPicker.js').
You don't need any CSS file as this is integrated.
Good luck,
Peter
from colorpicker.
I want to use the vanilla js, and it's pretty difficult. Maybe I don't understand the code, but in your examples you have several js files included, makes it pretty confusing.
I wish there was an example with ONE js file and initialization via inline scripting.
from colorpicker.
Just take the example javascript_implementation/index.html
and remove all <script>
tags with the attribute src="..."
except the last out commented one
<script type="text/javascript" src="jsColorPicker.min.js"></script>
remove the comment tags and the demo will work.
This file (jsColorPicker.min.js) includes all other files: colors.js (that calculates color related stuff), colorPicker.data.js (that holds the HTML and CSS for the UI), colorPicker.js (the UI only) and jsColor.js (which is the implementation that makes colorPicker work on input fields, etc...)
from colorpicker.
Thank you, will do.
from colorpicker.
@thednp
have you been successful?
from colorpicker.
Sorry, I got busy with other stuff, I'll close this for now and re-open, only if I encounter problems.
Thank you so much.
from colorpicker.
@PitPik I finally managed to implement into my code, but it's gonna be the jQuery version. For some unknown reason the native JS isn't working, but I'm sure it's my implementation issue not the color picker itself.
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.