Intel XDK HTML5 + Cordova Adjust Brightness -
i'm having trouble adjusting brightness in intel xdk html5 + cordova. have imported phonegap/cordova plugin @ https://github.com/fiscal-cliff/phonegap-plugin-brightness still not anything. advice apperciated! here code:
<script src="intelxdk.js"></script> <script src="cordova.js"></script> <script src="xhr.js"></script> <script src="xdk/init-dev.js"></script> <script type="application/javascript" src="lib/jquery.min.js"></script> <script type="application/javascript" src="jqm/jquery.mobile-min.js" data-ver="0"></script> <script type="application/javascript" src="js/app.js"></script> <script type="application/javascript" src="js/init-app.js"></script> <link rel="stylesheet" media="screen" type="text/css" href="css/colorpicker.css"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> <script type="text/javascript" src="js/colorpicker.js"></script> <script type="text/javascript" src="js/eye.js"></script> <script type="text/javascript" src="js/utils.js"></script> <script type="text/javascript" src="js/layout.js?ver=1.0.2"></script> <script type="application/javascript" src="sidebar/js/hammer.js"></script> <script type="application/javascript" src="sidebar/js/jquery.hammer.js"></script> <script type="application/javascript" src="sidebar/js/swipe-hammer.js"></script> <script type="application/javascript" src="sidebar/js/sidebar.js"></script> <script type="application/javascript" src="js/index_user_scripts.js"></script> <script type="application/javascript" src="xdk/ad/jqm_subpage.js"></script> <script type="application/javascript"> document.addeventlistener('deviceready', ondeviceready); function ondeviceready() { window.brightness = cordova.require("cordova.plugin.brightness.brightness"); } function setbrightness(value) { brightness.setbrightness(value, win, fail); alert(value); } function getbrightness() { brightness.getbrightness( win, fail); alert(brightness.getbrightness( win, fail)); } function win(status) { alert('message: ' + status); } function fail(status) { alert('error: ' + status); } getbrightness(); </script>
<div class="upage-outer"> <div class="upage-content" id="page_54_58"> <a class="widget uib_w_4 d-margins settings-button" data-uib="jquery_mobile/button" data-ver="0" data-role="button" data-icon="gear" data-iconpos="notext" id="settings_button">settings button</a> </div> <div class="inner-element uib_w_3 uib_sidebar leftbar bar-bg thumb-bg bar-gutter" data-uib="layout/left_sidebar" data-ver="1" data-anim="{'style':'overlap', 'v':200, 'side':'left', 'dur':200}"> <div class="sidebar-content content-area vertical-col"> <div class="widget uib_w_1 no_wrap no_swipe-x with-label d-margins brightness" data-uib="jquery_mobile/slider" data-ver="0"> <label class="narrow-control label-inline"><i class="fa fa-adjust font-icons"> </i> </label> <div class="wide-control"> <input type="range" value="50" min="0" max="100" step="1" name="brightness" style="display:none;" onchange="setbrightness(this.value)" data-highlight="true"> </div> </div> <div class="table-thing with-label widget uib_w_2 d-margins screencolor" data-uib="jquery_mobile/input" data-ver="0"> <label class="narrow-control"><i class="fa fa-eyedropper font-icons"> screen color</i> </label> <input class="wide-control" type="hidden" name="screencolor" id="screencolor"> <p id="colorpickerholder"></p> </div> </div> </div> </div> </div> <div class="upage vertical-col left" id="settings" data-role="page"> <div class="upage-outer"> <div class="upage-content content-area vertical-col left" id="page_69_80"> </div> </div> </div>
you calling getbrightness(); before device ready event fires. @ point cordova plugins might not loaded. also, referencing brightness on window variable set during deviceready event.
the quick fix move getbrightness() call ondeviceready() function.
function ondeviceready() { window.brightness = cordova.require("cordova.plugin.brightness.brightness"); getbrightness(); } now calling method after cordova has setup plugins. approach take wrapping each plugin call in deviceready handler, or scoping functions function called on device ready.