diff --git a/demo.css b/assets/main.css similarity index 100% rename from demo.css rename to assets/main.css diff --git a/assets/main.js b/assets/main.js new file mode 100644 index 0000000..93f4d0b --- /dev/null +++ b/assets/main.js @@ -0,0 +1,27 @@ +hljs.initHighlightingOnLoad(); + +document.addEventListener('DOMContentLoaded', function() { + var clipboard = new Clipboard('.btn'); + var btns = clipboard.triggers; + + for (var i = 0; i < btns.length; i++) { + btns[i].addEventListener('copy', function(e) { + console.info('Event:', e.type); + console.info('Text:', e.detail); + }); + + btns[i].addEventListener('cut', function(e) { + console.info('Event:', e.type); + console.info('Text:', e.detail); + }); + + btns[i].addEventListener('no-support', function(e) { + var flashes = document.querySelectorAll('.flash'); + + for (var j = 0; j < btns.length; j++) { + btns[j].disabled = true; + flashes[j].classList.remove('hidden'); + } + }); + } +}); diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..7c5703c Binary files /dev/null and b/favicon.ico differ diff --git a/index.html b/index.html index 140c8ff..4cf6753 100644 --- a/index.html +++ b/index.html @@ -1,15 +1,17 @@ - + - + clipboard.js + + - +
@@ -183,39 +185,9 @@ var btns = clipboard.triggers;

- - - - - - + +