doc/sample/cloudeebus.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <script src="../../lib/autobahn.min.js"></script>
   5         <script src="../../cloudeebus/cloudeebus.js"></script>
   6     </head>
   7    <body>
   8         <center><h1>cloudeebus</h1></center>
   9         <br>
  10                 <textarea cols="80" rows=24 id="script">
  11 cloudeebus.log = function(msg) {
  12   document.getElementById("log").innerHTML += msg + "\n";
  13 }
  14
  15 var proxy, interval;
  16
  17 function connectSuccess() {
  18   var bus = cloudeebus.SessionBus();
  19   handler = bus.getObject("org.gnome.ScreenSaver", "/org/gnome/ScreenSaver");
  20   handler.connectToSignal("org.gnome.ScreenSaver", "ActiveChanged", successCB, errorCB);
  21   proxy = bus.getObject("org.gnome.ScreenSaver", "/", lock, errorCB);
  22 }
  23
  24 function unLock() {
  25   proxy.SetActive(false, successCB, errorCB);
  26   clearInterval(interval);
  27 }
  28
  29 function lock() {
  30   proxy.SetActive(true, lockOk, errorCB);
  31 }
  32
  33 function lockOk(res) {
  34   interval = setInterval(unLock,3000);
  35 }
  36
  37 function successCB(res) {
  38   cloudeebus.log("got result: " + res + "\n");
  39 }
  40
  41 function errorCB(error) {
  42   cloudeebus.log("error: " + error + "\n");
  43 }
  44
  45 cloudeebus.connect("ws://localhost:9000", connectSuccess, errorCB);
  46 </textarea>
  47                 <br>
  48                 <input type="button" value="run script" onclick="eval(document.getElementById('script').value)"/>
  49                 <input type="button" value="clear log" onclick="document.getElementById('log').innerHTML='';"/>
  50                 <br>
  51                 <pre id="log" style="height: 20em; overflow-y: scroll; background-color: #faa;"></pre>
  52    </body>
  53 </html>