aterrien / jquery-kontrol Goto Github PK
View Code? Open in Web Editor NEWExperimental JavaScript jQuery library of UI controls ; dial (was jQuery Knob), XY pad, bars
Home Page: http://anthonyterrien.com/kontrol/
Experimental JavaScript jQuery library of UI controls ; dial (was jQuery Knob), XY pad, bars
Home Page: http://anthonyterrien.com/kontrol/
Hello everybody !
i use knob and that is very nice thank's to his father.
but i have a question : is it possible to use it with letters.
The objectif could be a 5 o 6 digits code to capture but with letters and/or numbers.
A mobiscroll is boring but knob...
My application could be international and the russian, arabic, chinese.... caracters could be used.
So the intput range data come from a dynamic alphabet.
It's to help capture on mobile - thank's for your attention, alain
Hi,
I want to update dynamically parameters of my widgets.
For a dial, I update the value attribute of the html dial element, and then call $('.dial').trigger('change'). It's works pretty fine (but I don't know if it's the better way to do that).
But when I try to do the same with my pad element, I update both x and y hidden inputs of the .pad fieldset, $('.pad).trigger('change') does not refresh the widget (the position of the square isn't updated).
Is that a bug or is there another better way to do this ?
Thanks !
PS: Sorry if I'm not very clear, english is not my mother tongue.
The 'change' hook in not invoked on every value change (i.e. using mousewheel)
im using a fieldset with 16 input s inside it
when i try accessing the value from outside the .bars creator by using $('#input').val() its undefined.
And from inside, it wont let me parse the JSON to access individual values for each slider.
When you set min = 0 don't stop to min limit on mouse wheel event
Can we define a step ?
I would like to set a step=0.5 on Dial type.
For instance, that's allows to define a non decimal number like 9.5
Thanks,
This is not an issue but a feature request.
The feedback we got from our users is that it's less than evident that they can interact with the circular knob, it seems simply a visualization widget.
A suggestion would be to add a parameter like "visible handle" which ends the line not with a round or a butt, but with a bigger circular handle. I tried to have a look at the code to understand where the rounded endline is drawn to create one with a bigger diameter but was not able to find it. Any help is much appreciated!
I'm having trouble getting the dials to update the actual dial barline after I set the value via $('dial').val(setThis).trigger('change');
Thanks for sharing, this is a really nice input method.
I might be missing something really simple but if I add a custom hook to the release action, how do I then access the input field properties?
Basically, there is a data validation function linked to the on change function of the input that I want to trigger but I can access any properties of the original field. this, $(this) etc.
With JQuery Mobile 1.1.1, the data-displayInput box can't be positioned properly, other functions work good;
To verify the issue, just add following two lines into the HTML head section of index.html
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.