Download
User Rating: 4.7/5 ( 2 votes)
jquery.digitalswitch.js is a jQuery plugin of Digital Switch.
-
This is (decimal, binary, hexa) Digital Switches Widgets.
-
Thumbwheel Switche like. or Spinner like.
-
you can make an original design Digital Switches.
Browser support
-
Chrome 37+: fine
-
Firefox 32+: fine
-
Safari 5.0+: ok
-
IE 11+: ok (option enable)
-
Opera ?
Source: github.com
1. INCLUDE JS FILES
<script src="lib/jquery-1.11.1.min.js"></script>
<script src="jquery.digitalswitch.js"></script>
2. HTML
<div id="dd"></div>
3. JAVASCRIPT
$(function(){
$("#dd").digisw({digits: 4});
});
4. OPTIONS
options name : defaults value, //description
digits: 1, //digits: number type.
numeric: 'dec', //:'dec' (decimal) :'bin' (binary) :'hex' (hexa) string type.
width: 20, //width: number type px. one unit digits width.
height: 20, //height: number type px. numeric block hight.
pbheight: 10, //pbheight: number type px. up&down button height
css: 'default', //select a theme css name.
storage: false, //true or false boolean type. localstorage use true. rw setting value.
fonts: true, //true or false boolean type. true auto size. fale css setting size.
change: function() {} //change Callback. return a string type value.
5. API
Get Value (manual operation)
//format
var retval = $.getdigi('target selectors id');
//-example-
var retval = $.getdigi( 'wao' );
//return a switch setting value to string type.
JS Tutorial
