afb-client/bower_components/tether/examples/enable-disable/index.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <meta charset="utf-8">
   5         <meta http-equiv="X-UA-Compatible" content="chrome=1">
   6         <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
   7         <link rel="stylesheet" href="../resources/css/base.css" />
   8         <link rel="stylesheet" href="../common/css/style.css" />
   9     </head>
  10     <body>
  11         <div class="instructions">Click the green target to enable/disable the tethering.</div>
  12
  13         <div class="element"></div>
  14         <div class="container">
  15             <div class="pad"></div>
  16             <div class="target"></div>
  17             <div class="pad"></div>
  18         </div>
  19
  20         <script src="../../tether.js"></script>
  21         <script>
  22             var tether = new Tether({
  23                 element: '.element',
  24                 target: '.target',
  25                 attachment: 'top left',
  26                 targetAttachment: 'top right'
  27             });
  28
  29             document.querySelector('.target').addEventListener('click', function(){
  30                 if (tether.enabled)
  31                     tether.disable();
  32                 else
  33                     tether.enable();
  34             });
  35         </script>
  36     </body>
  37 </html>