FM / jquery-knob

/home/techb158/workloadmatch.com/workloadmatch.com/bower_components/jquery-knob/

/home/techb158/workloadmatch.com/workloadmatch.com/bower_components/jquery-knob

Name	Size	Mode	Actions
dist/	-	0755	rm
js/	-	0755	rm
.bower.json	607	0644	edit dl rm
.gitignore	10	0644	edit dl rm
bower.json	264	0644	edit dl rm
excanvas.js	27045	0644	edit dl rm
index.html	13014	0644	edit dl rm
knob.jquery.json	984	0644	edit dl rm
LICENSE	1082	0644	edit dl rm
package.json	589	0644	edit dl rm
README.md	3099	0644	edit dl rm
secretplan.jpg	33487	0644	edit dl rm

Edit: /home/techb158/workloadmatch.com/workloadmatch.com/bower_components/jquery-knob/README.md (3099B)

jQuery Knob
=============

- canvas based ; no png or jpg sprites.
- touch, mouse and mousewheel, keyboard events implemented.
- downward compatible ; overloads an input element.

Example
-------

```html
<input type="text" value="75" class="dial">

Options
-------

Options are provided as attributes 'data-option':

```html
<input type="text" class="dial" data-min="-50" data-max="50">
```

... or in the "knob()" call :

```javascript
$(".dial").knob({
    'min':-50,
    'max':50
});
```

The following options are supported :

UI :
* cursor : display mode "cursor", cursor size could be changed passing a numeric value to the option, default width is used when passing boolean value "true" | default=gauge.
* thickness : gauge thickness.
* lineCap : gauge stroke endings. | default=butt, round=rounded line endings
* width : dial width.
* height : dial height.
* displayInput : default=true | false=hide input.
* displayPrevious : default=false | true=displays the previous value with transparency.
* fgColor : foreground color.
* inputColor : input value (number) color.
* font : font family.
* fontWeight : font weight.
* bgColor : background color.

Hooks
-------

```html
<script>
    $(".dial").knob({
        'release' : function (v) { /*make something*/ }
    });
</script>
```

* 'release' : executed on release

Parameters :
    + value : int, current value

* 'change' : executed at each change of the value

Parameters :
    + value : int, current value

* 'draw' : when drawing the canvas

Context :
    - this.g : canvas context 2D (see Canvas documentation)
    - this.$ : jQuery wrapped element
    - this.o : options
    - this.i : input
    - ... console.log(this);

* 'cancel' : triggered on [esc] keydown

* 'format' : allows to format output (add unit %, ms ...)

The scope (this) of each hook function is the current Knob instance (refer to the demo code).

Example
-------

```html
<input type="text" value="75" class="dial">

Dynamically configure
-------

```html
<script>
    $('.dial').trigger(
        'configure',
        {
            "min":10,
            "max":40,
            "fgColor":"#FF0000",
            "skin":"tron",
            "cursor":true
        }
    );
</script>
```

Set the value
-------

```html
<script>
    $('.dial')
        .val(27)
        .trigger('change');
</script>
```

Supported browser
-------

Tested on Chrome, Safari, Firefox, IE>=8.0 (IE8.0 with excanvas).

![secretplan](https://raw.github.com/aterrien/jQuery-Knob/master/secretplan.jpg)

cmd: