WordPress.com



<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>jQuery Mobile Web App</title><link href="jquery-mobile/jquery.mobile-1.4.0.min.css" rel="stylesheet" type="text/css"/><link rel="stylesheet" type="text/css" href="styl1.css"><script src="jquery-mobile/jquery-1.10.2.min.js" type="text/javascript"></script><script src="jquery-mobile/jquery.mobile-1.4.0.min.js" type="text/javascript"></script><script src="scripts/yunscript1.js" type="text/javascript"></script><!--- <script src="scripts/yunscript_sandbox.js" type="text/javascript"></script> ---></head> <body style="margin:auto;"> <div class="all_load" id="loadingall" >...Loading/Saving</div><div data-role="page" id="page"><div data-role="header"><h1>Arduino Yun controller</h1></div> <div data-role="content"> This is the homepage of the Yun controller.<p> The following four options allow you to <ul> <li>Set the data direction of the digital pins</li> <li>Set digital output values to 0 or 1</li> <li>Read digital input values</li> <li>Read analog input values</li> </ul> </div> <div data-role="content"><ul data-role="listview" data-inset="true"><li><a href="#page2" id="callinitp2">Digital pin in/out settings</a></li> <li><a href="#page3" id="callinitp3">Set digital pin output values</a></li><li><a href="#page4" id="callinitp4">Read digital pin input values</a></li><li><a href="#page5" id="callinitp5">Read analogue pin input values</a></li></ul></div> <div data-role="content"> <br><br><br> Note that server requests are made to update and read pin values. This means that data transfer is not continuous/real time. </div> <div data-role="footer" data-position="fixed"><h4>GRALLATOR</h4></div></div><div data-role="page" id="page2"><div data-role="header" data-position="fixed"> <a href="#page" data-icon="delete" data-rel="back">Cancel</a><h1>Digital pin settings</h1> <a href="#page" id="save_io" data-icon="check">Save</a></div><div data-role="content"><div id="setdigital_io"> </div> </div> </div><div data-role="page" id="page3"><div data-role="header" data-position="fixed"> <a href="#page" data-icon="delete" data-rel="back">Back</a><h1>Set digital pin outputs</h1> <a href="#" id="change_io" data-icon="check">Update</a></div><div data-role="content"><div id="setdigital_vals"> </div> </div> </div><div data-role="page" id="page4"><div data-role="header" data-position="fixed"> <a href="#page" id="backfromp4" data-icon="back" data-rel="back">Back</a><h1>Digital input pin values</h1> <a href='#' id="refresh_dinp4" data-icon="refresh">Refresh</a></div><div data-role="content"> <div class="colleft" id="readdigital_vals"> <div class="boxouter">D2:<div class="boxstate">High</div></div> <div class="boxouter">D3:<div class="boxstate">Low</div></div> <div class="boxouter">D4:<div class="boxstate">High</div></div> <div class="boxouter">D5:<div class="boxstate">Low</div></div> <div class="boxouter">D6:<div class="boxstate">High</div></div> <div class="boxouter">D7:<div class="boxstate">Low</div></div> <div class="boxouter">D8:<div class="boxstate">High</div></div> <div class="boxouter">D9:<div class="boxstate">Low</div></div> <div class="boxouter">D10:<div class="boxstate">High</div></div> <div class="boxouter">D11:<div class="boxstate">Low</div></div> <div class="boxouter">D12:<div class="boxstate">High</div></div> <div class="boxouter">D13:<div class="boxstate">Low</div></div> </div> </div><div data-role="footer" data-position="fixed" style="margin:0 auto; margin-left:auto; margin-right:auto; align:center;text-align:center;"><a href='#' id="autorefresh_dinp4" data-icon="gear" >Auto-refresh is OFF</a></div> </div><div data-role="page" id="page5"><div data-role="header" data-position="fixed"> <a href="#page" id="backfromp5" data-icon="back" data-rel="back">Back</a><h1>Analogue pin input values</h1> <a href='#' id="refresh_dinp5" data-icon="refresh">Refresh</a></div><div data-role="content"> <div class="colleft" id="readanalogue_vals"> <div class="boxouter">A0:<div class="boxstate">1024</div></div> <div class="boxouter">A1:<div class="boxstate">819</div></div> <div class="boxouter">A2:<div class="boxstate">614</div></div> <div class="boxouter">A3:<div class="boxstate">410</div></div> <div class="boxouter">A4:<div class="boxstate">99</div></div> <div class="boxouter">A5:<div class="boxstate">0</div></div> </div> </div><div data-role="footer" data-position="fixed" style="margin:0 auto; margin-left:auto; margin-right:auto; align:center;text-align:center;"><a href='#' id="autorefresh_dinp5" data-icon="gear" >Auto-refresh is OFF</a></div></div></body></html> ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download