<button class='my_clip_button' data-clipboard-target='fe_text' data-clipboard-text='Default clipboard text from attribute' id='d_clip_button' title='Click me to copy to clipboard.'>
<b>Copy To Clipboard...</b>
</button>
<div class='demo-area'>
<h4>
<label for='fe_text'>Change Copy Text Here</label>
</h4>
<textarea cols='50' id='fe_text' rows='3'>Copy me!</textarea>
<h4>
<label for='testarea'>Paste Text Here</label>
</h4>
<textarea cols='50' id='testarea' rows='3'></textarea>
<p>
<button id='clear-test'>Clear Test Area</button>
</p>
</div>
<script>
$(document).ready(function() {
var clip = new ZeroClipboard($("#d_clip_button"))
});
$("#clear-test").on("click", function(){
$("#fe_text").val("Copy me!");
$("#testarea").val("");
});
</script>
Error in console:
Uncaught ReferenceError: ZeroClipboard is not defined copy_htmls:168
(anonymous function) copy_htmls:168
fire jquery.js?body=1:3120
self.fireWith jquery.js?body=1:3232
jQuery.extend.ready jquery.js?body=1:3444
completed jquery.js?body=1:3475
copy_htmls:168 == line with "var clip = new ZeroClipboard($("#d_clip_button"))"
Added in Gemfile > bundle install > application.js added "//= require zeroclipboard "
Created page with code:
Error in console:
copy_htmls:168 == line with "var clip = new ZeroClipboard($("#d_clip_button"))"
Any solutions?