| Name | Description | Hardware | Library File |
|---|---|---|---|
| CircusJSLib2.0.0.js | Implements ReadValue and WriteValue in Javascript. | Web Page | CircusJSLib2.0.0.js |
Note! Only public signals can be embeded in a web (no token is needed).
1) Invoke the downloaded circuslib.js script (right before closing BODY tag). Do the same with jquery lib:
<script> type="text/javascript" src="/your/realtive/path/circuslib.js"></script>
<script type="text/javascript" src="/your/realtive/path/jquery-3.1.0.js"></script>
2)Place this DIV in your HTML code, one for each signal to show, pasting key where asked, like this:
<div class='circus' id='your_key_here'>
<div class='value'>
</div>
<div class='location' style='display:none'>
ltdiv class='loclabel'>Latitude: </div><div class='lat locelement'></div>
<div class='loclabel'>Longitude: </div><div class='lon locelement'></div>
<div class='loclabel'>Altitude: </div><div class='alt locelement'></div>
<div class='loclabel'>Is moving: </div><div class='ismobile locelement'></div>
</div>
</div>
Note! if location is set to style='display:none' this div won't show and no queries about location will be done in order to free browser's load. Turn it to style='display:block' to work
3) Invoke function pollCircus() once. For instance, when your page loads, in the BODY tag:
<body onload="pollCircus()"> <!--will read every 2 seconds-->
Optional : Give it some style, include this css file in your header
<link href="/your/relative/path/example_js.css" rel="stylesheet">
Of course, it's just an idea... feel free to change it