Important changes to repositories hosted on mbed.com
Mbed hosted mercurial repositories are deprecated and are due to be permanently deleted in July 2026.
To keep a copy of this software download the repository Zip archive or clone locally using Mercurial.
It is also possible to export all your personal repositories from the account settings page.
Dependencies: EthernetInterface HttpServer Servo mbed-rtos mbed
Fork of
RPCHTTPServerVariable
by 
th.iotkit2.ch
Diff: Web-APP/index.html
- Revision:
- 15:e28ddc86e599
- Parent:
- 13:596ff8317448
- Child:
- 16:0eadcfedd078
--- a/Web-APP/index.html Wed Apr 08 12:31:28 2015 +0000
+++ b/Web-APP/index.html Wed May 27 12:44:08 2015 +0000
@@ -12,15 +12,15 @@
<body>
<form>
<div data-role="page" id="page-index" data-title="mbed App">
-
+
<div data-role="header" class="ui-header ui-bar-c">
<a href="#left-panel" data-icon="bars" data-iconpos="notext" data-shadow="false" data-iconshadow="false">Menu</a>
<h1>mbed Web-App</h1>
<img src="./img/logo.png" width="30" class="ui-btn-right" />
</div>
-
+
<div data-role="content">
-
+
<div class="ui-field-contain">
<label for="led-1">LED 1</label>
<select name="led1" id="led1" data-role="slider">
@@ -34,23 +34,15 @@
<option value="On">On</option>
</select>
</div>
- <div class="ui-field-contain" id="led3f">
- <label for="led-3">led3:</label>
- <input name="led3" id="led3" type="range" min="0" max="100" value="50">
- </div>
<div class="ui-field-contain" id="servo1f">
<label for="servo-1">Servo 1:</label>
<input name="servo1" id="servo1" type="range" min="0" max="100" value="50">
</div>
- <div class="ui-field-contain" id="servo2f">
- <label for="servo-2">Servo 2:</label>
- <input name="servo2" id="servo2" type="range" min="0" max="100" value="50">
- </div>
</div>
</div>
<script type="text/javascript">
-var server="http://10.10.32.27/rpc/";
-
+var server="http://192.168.178.63/rpc/";
+
$('select#led1').change(function()
{
var myswitch = $(this);
@@ -65,24 +57,12 @@
var url = myswitch[0].selectedIndex == 1 ? server + name + '/write 1' : server + name + '/write 0';
$.get( url );
});
-$("#led3f").on("slidestop", "#led3", function(event)
-{
- var val = $(this).val() / 100.0;
- $.get( server + 'led3/write ' + val );
- console.log( server + 'led3/write ' + val );
-});
$("#servo1f").on("slidestop", "#servo1", function(event)
{
var val = $(this).val() / 100.0;
$.get( server + 'servo1/write ' + val );
console.log( server + 'servo1/write ' + val );
});
-$("#servo2f").on("slidestop", "#servo2", function(event)
-{
- var val = $(this).val() / 100.0;
- $.get( server + 'servo2/write ' + val );
- console.log( server + 'servo2/write ' + val );
-});
</script>
</form>
</body>