%PDF- %PDF-
Direktori : /home/dopla/www/wp-content/plugins/ml-slider/admin/assets/tether/examples/enable-disable/ |
Current File : /home/dopla/www/wp-content/plugins/ml-slider/admin/assets/tether/examples/enable-disable/index.html |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <link rel="stylesheet" href="../resources/css/base.css" /> <link rel="stylesheet" href="../common/css/style.css" /> </head> <body> <div class="instructions">Click the green target to enable/disable the tethering.</div> <div class="element"></div> <div class="container"> <div class="pad"></div> <div class="target"></div> <div class="pad"></div> </div> <script src="//github.hubspot.com/tether/dist/js/tether.js"></script> <script> var tether = new Tether({ element: '.element', target: '.target', attachment: 'top left', targetAttachment: 'top right' }); document.querySelector('.target').addEventListener('click', function(){ if (tether.enabled) tether.disable(); else tether.enable(); }); </script> </body> </html>