[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 501
  • Last Modified:

Copy selected text to clipboard onclick?

Hi,

I need a javascript function that I can call onclick, sending the ID of the element, and will copy the selected text to clipboard, then display an alert("Copied to clipboard!") to the user.

The text is selected onhover, so will already be selected by the time the user clicks.

Can anyone help with this?

Thanks.
0
i-CONICA
Asked:
i-CONICA
2 Solutions
 
mmarx82Commented:
Since the text is already selected onhover as per your post all you need is the onclick message.
See  the following link: http://w3schools.com/js/js_try_catch.asp
and look at the Examples
0
 
mmarx82Commented:
mind you the example is purposely wrong.
Use the following instead of adddlert("Welcome guest!"); from the example

alert('Your text has been copied.');
 
0
 
i-CONICAAuthor Commented:
Huh?

None of that will copy the text at all. The text is selected, nothing more... Your try catch example is totally unrelated. :(
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
kadabaCommented:
0
 
Saqib KhanSenior DeveloperCommented:
Edited version of above link: (Returns ID and message)

<html>
<head>
     <title>Copy select</title>
<script>
/* Function to copy a selection to clipboard
   Copyright (c) 2001 Michel Plungjan javascripts(a)planet.nl */

function copyText(theSel) {
   if (!document.all) return; // IE only
   theForm = theSel.form;
   theForm.copyArea.value=theSel.options[theSel.selectedIndex].value;
   r=theForm.copyArea.createTextRange();
   r.select();
   r.execCommand('copy');

  alert(theSel.id + ", Text has Copied")
}
</script>
 
</head>

<body>
<form>
<select id="myBox" onChange="copyText(this)">
<option value="">Please select
<option value="alpha">A
<option value="bravo">B

</select>
<input type="hidden" name="copyArea" value="">
</form>


</body>
</html>
0
 
sam2912Commented:
It is worth noting that modern browsers now try to restrict access to clipboard activities, and also implement them differently in JavaScript. A flash solution may be needed for copy to clipboard functions.

Related article:
http://www.24hourapps.com/2009/01/cross-browser-copy-to-clipboard-like.html
0

Featured Post

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now