copy to clipboard?

@akoszDec 01.2004

is there a way to copy something to the “clipboard” using javascript?

for example, the user clicks on an icon next to an address displayed on the screen and that address is automatically copied to their clipboard. then they can paste it into another document or application.

to post a comment

JavaScript

@Warren86Dec 01.2004 — #The example below does not use an icon, it uses a text link. The links in this case are names of people. When a user clicks a name, the hidden info associated with that name is copied to the clipboard. Currently, the hidden info happens to be a street address, but can be any text.

<HTML>

<Head>

<Script Language=JavaScript>

var isSecond = false;
  var isFirst = true;
 
  function copyToClipboard(ID){
 
   isRange = document.body.createControlRange();
   isRange.add(document.all(ID))
   if (isSecond)
   {if (confirm('This will erase the Clipboard. nnDo you want to CONTINUE?')){isRange.execCommand("Copy");alert('The Clipboard was overwritten with your selection.')}}
   else if (isFirst){isRange.execCommand("Copy");isFirst = false;
   alert('Your selection was copied to the Clipboard.')}
   isSecond = true;

}

</Script>

<Body>

<center>

<H3>Copy Selected and Hidden Data to Clipboard</H3>

<Table id='data1' Style='display:none'><TD>John Doe, 456 Any Street, Columbus, OH 44444</TD></Table>

<a href=javascript:copyToClipboard('data1') id='name1'>John Doe</a><br>

<Table id='data2' Style='display:none'><TD>Mary Roe, 123 Main Street, Avalon, PA 22222</TD></Table>

<a href=javascript:copyToClipboard('data2') id='name2'>Mary Roe</a><br>

<Table id='data3' Style='display:none'><TD>Henry Crow, 987 Easy Street, Paradise, CA 55555</TD></Table>

<a href=javascript:copyToClipboard('data3') id='name3'>Henry Crow</a>

</center>

</Body>

</HTML>

@akoszauthorDec 01.2004 — #that works great, thank you!

@Warren86Dec 01.2004 — #You're welcome. Good luck with your project.

@sciguyryanDec 01.2004 — #You may want to note that that code will only work in IE.

RyanJ

@akoszauthorDec 01.2004 — #the IE thing doesn't matter for what i'm doing, but that's a good point.

here's another really simple way to do this. i just stumbled upon.

[CODE]
 <HTML>
 <HEAD>
 <SCRIPT Language=JavaScript>
 
 function copyToClipboard(yourtext)
 {
 window.clipboardData.setData("Text", yourtext);
 }
 
 </SCRIPT>
 </HEAD>
 <BODY>
 
 <a href="##" onclick="copyToClipboard('this is your personal text')">John Doe</a><br>
 
 </BODY>
 </HTML>
 [/CODE]

copy to clipboard?

5 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

copy to clipboard?

5 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

5 Comments(s) _↴

Also in #JavaScript _↴