Login / Join
Copy text to clipboard with Javascript, html5 and Jquery
submitted on 26/05/2014 by
Codicode
+ infos
Config
Embed
Share
Copy text to clipboard with Javascript, html5 and Jquery
by
Codicode
ZeroClipboard => Copy text to clipboard with Javascript, html5 and Jquery (multibrowser support)
Framework 1 :
-- None --
jQuery 2.0.3
jQuery 1.9.1
jQuery 1.9.0
jQuery 1.8.0
jQuery 1.7.1
jQuery 1.6.3
jQuery UI 1.10.3
MooTools 1.4.5
AngularJS 1.0.4
Prototype 1.7.1.0
Dojo 1.8.3
Chrome Frame 1.0.3
Ext Core 3.1.0
SWFObject 2.2
WebFont Loader 1.1.2
Framework 2 :
-- None --
jQuery 2.0.3
jQuery 1.9.1
jQuery 1.9.0
jQuery 1.8.0
jQuery 1.7.1
jQuery 1.6.3
jQuery UI 1.10.3
MooTools 1.4.5
AngularJS 1.0.4
Prototype 1.7.1.0
Dojo 1.8.3
Chrome Frame 1.0.3
Ext Core 3.1.0
SWFObject 2.2
WebFont Loader 1.1.2
+ Js file(s) :
//davidwalsh.name/demo/ZeroClipboard.js
+ Css file(s) :
Apply
Link :
Direct http link :
Fork button :
Html code :
Embed preview :
Copy the following html code to your page to embed the preview,
To include many previews on a single page, just repeat the first line.
You can change the width, height and border color (bcolor).
<div class="refork-widget" code="ab8" style="width:100%;height:200px;" bcolor="#ccc"></div>
<script type="text/javascript" src="//snippet.run/d/z.js"></script>
HTML
Testing ZeroClipboard ... <br> Copy text to clipboard with Javascript, html5 and Jquery : <button id="copy_clipboard">Click to copy</button> <br><br> and Paste here : <input />
CSS
body { background-color:#fff; margin:10px; }
Javascript
$(document).ready(function(){ ZeroClipboard.setMoviePath('http://davidwalsh.name/demo/ZeroClipboard.swf'); //create client var clip = new ZeroClipboard.Client(); //event clip.setText("Testing 1.2.3.4"); clip.glue('copy_clipboard'); ZeroClipboard.dispatch(); //ert(JSON.stringify(clip)); });
©2013 Copyright snippet.run
Privacy
-
Terms of use
-
About
-
Contact