html - How to access values present in one jquery function into another jquery function? -


i know have 2 jquery scripts.

1- gauge meter (using jqwidgets.com library)

2- own defined script

a gauge meter widget using. want access value of gauge meter. if meter reading is, lets assume 10, want 10 value accessible in own defined script can use ever , whatever purpose. here html code.

  <div class="demo-gauge" style="position: relative;height: 200px;margin-left:2.5em;">       <div id='gauge' style="position: absolute; top: 0px; left: 0px;">            </div>          <div id='slider' style="position: absolute; top: 160px; left: 5px">               </div>   </div> 

and script gauge. script value , alert @ moment.

<script type="text/javascript">    var gauge_value = endvalue;   $(document).ready(function () {                      $('#gauge').jqxgauge({                 ranges: [{ startvalue: 0, endvalue: 130, style: { fill: '#4cb848', stroke: '#4cb848' }, startdistance: 0, enddistance: 0 },                          { startvalue: 130, endvalue: 180, style: { fill: '#fad00b', stroke: '#fad00b' }, startdistance: 0, enddistance: 0 },                          { startvalue: 180, endvalue: 220, style: { fill: '#e53d37', stroke: '#e53d37' }, startdistance: 0, enddistance: 0}],                 cap: { size: '5%', style: { fill: '#2e79bb', stroke: '#2e79bb'} },                 border: { style: { fill: '#8e9495', stroke: '#7b8384', 'stroke-width': 0 } },                 ticksminor: { interval: 0, size: '5%' },                 ticksmajor: { interval: 0, size: '10%' },                        labels: { position: 'outside', interval: 60 },                 pointer: { style: { fill: '#2e79bb' }, width: 5 },                 animationduration: 1500             });             $('#slider').jqxslider({ min: 0, max: 220, mode: 'fixed', ticksfrequency: 20, width: 150, value: 120,  showbuttons: true });              $('#slider').mousedown(function () {                 $('#gauge').jqxgauge('value', $('#slider').jqxslider('value'));             });             $('#slider').on('slideend', function (e) {                 $('#gauge').jqxgauge('value', e.args.value);             });             $('#slider').on('mousewheel', function () {                 $('#gauge').jqxgauge('value', $('#slider').jqxslider('value'));             });             $('#gauge').jqxgauge('value', 120);         });     </script> 

i have tried put end value 120 doing

var gauge_value = endvalue;

but when alert in other script alerts undefined

i don't know problem obviously, can use

gauge_value = endvalue; 

instead of

var gauge_value = endvalue; 

to define global variable in jquery


Comments

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -