Comments (3)
Hi jyjin,
see:
http://jscolor.com/examples/#example-showing-hiding
<script src="jscolor.js"></script>
<button onclick="document.getElementById('foo').jscolor.show()">Show Picker</button>
<button onclick="document.getElementById('foo').jscolor.hide()">Hide Picker</button>
<p><input id="foo" class="jscolor" value="cc4499">
Jan
from jscolor.
Thank you for your answer. I already has a solution which by trigger event, cause i cant use js code in the dom elements. and i found if the elements created by js code, jscolor didn't work, it must be pre set the element to the dom.and my code:
set open:
var event = document.createEvent('HTMLEvents');
event.initEvent('mousedown', true, true);
event.initType = 'msg';
txt.dispatchEvent(event);
Init a color for jscolor:
var input = document.getElementsByTagName('input')[0];
input.value = '000000';
var event1 = document.createEvent('HTMLEvents');
event1.initEvent('keyup', true, true);
event1.initType = 'msg';
input.dispatchEvent(event1);
Follow your answers, how set init color by element binding?
from jscolor.
I think you need to do something like:
var picker = new jscolor(input);
picker.show();
from jscolor.
Related Issues (20)
- Suggested fixes to npm install HOT 17
- Can jscolor work with multi intances? HOT 2
- Request: Return old default functionality from 2.1.1 to now HOT 11
- Missing minified version since 2.0.4 HOT 5
- [Fix provided] TypeError: Illegal constructor at triggerEvent() in Chrome 14 and IE9 HOT 8
- Suggestion HOT 1
- Click and drag handlers not registered in module mode HOT 6
- Importing via npm seems to break in safari HOT 1
- Ideas HOT 2
- Container option breaking on resize HOT 9
- Suggestions for website HOT 1
- jscolor does not init automatically (jQuery) HOT 7
- api function to check if picker is being displayed. HOT 2
- Thank you! HOT 1
- can not work in the dynamic input tag HOT 5
- Dynamic content generation HOT 2
- Add it to npm or bower HOT 1
- version number HOT 1
- Actual version in bower repo HOT 1
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 jscolor.