Copy to clipboard - Work on JSFiddle but not in local

Asked Jun 30 '14 at 23:20

Active Jun 30 '14 at 23:20

Viewed 1,036 times

I'm trying to implement a code to copy the contents of an item in the clipboard. It work on JSFiddle

HTML

<p id="description">Text to copy</p>
<a href="#" id="copy">Click here to copy</a>

$(document).ready(function () {
    $('#copy').zclip({
        path: 'http://www.steamdev.com/zclip/js/ZeroClipboard.swf',
        copy: $('#description').text(),
        beforeCopy: function () {
            $('#description').css('background', 'yellow');
        },
        afterCopy: function () {
            $('#description').css('background', 'green');
        }
    });
});

But if I create html file with the same content, it doesn't work ...

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>demo</title>
</head>
<body>
<p id="description">Text to copy</p>
<a href="#" id="copy">Click here to copy</a>
<script type="text/javascript" src="http://code.jquery.com/jquery-git2.js"></script>
<script type="text/javascript" src="http://www.steamdev.com/zclip/js/jquery.zclip.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    $('#copy').zclip({
        path: 'http://www.steamdev.com/zclip/js/ZeroClipboard.swf',
        copy: $('#description').text(),
        beforeCopy: function () {
            $('#description').css('background', 'yellow');
        },
        afterCopy: function () {
            $('#description').css('background', 'green');
        }
    });
});
</script>
</body>
</html>

Why ?

asked Jun 30 '14 at 23:20

Muramasa

There is one ! Look at the begining "It work on JSFiddle" – Muramasa Jun 30 '14 at 23:25
Your website's link not JSFiddle – imbondbaby Jun 30 '14 at 23:26
...okay so it work online but not in local... – Muramasa Jun 30 '14 at 23:29
did you accidentally disabled js? – Huy Jun 30 '14 at 23:30
I don't think so because some test like `alert` work good – Muramasa Jun 30 '14 at 23:32
It work in local for you ? – Muramasa Jun 30 '14 at 23:35
2

`zclip` does not work locally due to security/developer restrictions. See here: http://stackoverflow.com/questions/13330472/zclip-working-on-jsfiddle-but-not-working-locally – Spencer Wieczorek Jun 30 '14 at 23:39
However, I searched on stackoverflow. What I do with this post? – Muramasa Jun 30 '14 at 23:43

Copy to clipboard - Work on JSFiddle but not in local

0 Answers0