ZeroClipboard - How to use

Armesh Singh picture Armesh Singh · Apr 4, 2013 · Viewed 14.1k times · Source

I'm using this one http://jonrohan.github.io/ZeroClipboard/

I spent this whole day figuring out how to use ZeroClipboard(ZC). I even read the instructions: https://github.com/jonrohan/ZeroClipboard/blob/master/docs/instructions.md and followed it step by step and couldn't do it.

I tried again and again and again but I just can't get it to work. I even spent hours reading other guides at stackoverflow and other pages both just couldn't get this to work. Moreover, most of the answers are outdated.

Can anyone please write a simple working ZC code that copies a paragraph tag:

<p>Hello, I'm Armesh</p> 

Then just tell me simply each part of the ZC code and why you wrote it that way.

I plan to use ZC to copy references generated by my generator: http://anonoz.com/armesh/

This is the code I wrote, all link references are correct:

<!DOCTYPE HTML>
<html>
<head>
    <title>Zero Test</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="javascripts/ZeroClipboard.js"></script>
</head>

<script language="JavaScript">
$(document).ready(function() {

  var clip = new ZeroClipboard($("#copy_button"), {
      moviePath: "javascripts/ZeroClipboard.swf"
    });     
});
</script>

<body>
<button id='#copy_button' data-clipboard-target='to_copy'><b>Copy To Clipboard</b></button>

<p id='to_copy'>123456</p>

</body>
</html>

I also ran the code/web page above in Google Chrome, there are no errors log in the console. It's blank.

Answer

Armesh Singh picture Armesh Singh · Apr 5, 2013

Ok I got it working, I also think the code posted above by me is correct.

The problem was that I was testing on local, and browsers usually prevent flash from running locally. This is what caused it to fail despite the code being correct.

As a last resort, I uploaded to my web server and tried online, it worked fine.

So, always test ZeroClipboard online after uploading it to your Web Server.