Wallpapers Forums Login

Javascript Copy Selected Text Box Select All Highlight Text Form Copy Paste

javascript is cool for making things in your browser, here is an example script to show you how you can put this on your site so that you don't have to hit the control + c on you keyboard to copy and paste the selected text in web forms.
here is a demo:



here is the code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Select Copy Text Into Clipboard History with Javascript</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function copyit(theField) {
var selectedText = document.selection;
if (selectedText.type == 'Text') {
var newRange = selectedText.createRange();
theField.focus();
theField.value = newRange.text;
} else {
alert('Alert: Select The text in the textarea then click on this button');
}
}
// End -->
</script>
</head>

<body>
<p><strong>Select Copy Text Into Clipboard History with Javascript by Wallpaperama.com </strong></p>
<p><strong>Steps:</strong></p>
<p><strong>1. Hight the text inside the text area below</strong></p>
<p><strong>2. Click on the form button, this will copy the text into your clipboard (basically the same as hitting control + c on your keyboard)</strong></p>
<form name="javascript">

<input onclick="copyit(this.form.text_select)" type="button" value="Click Here to Copy the Highlighted Text" name="copy_button">
<p>
<textarea name="text_select" cols="35" rows="5" wrap="VIRTUAL">FREE WALLPAPERS An Amazing collection of High quality, high resolution wallpapers for your computer desktop for free. Download your favorite high resolution wallpaper for free at wallpaperama.com. Our free wallpapers include a large collection of wallpapers for your computer desktop. You will find only free wallpapers, no pop-up ads, no spam, no spyware only high quality free wallpapers for your computer background. Surf with confidence.
</textarea>
</form>
<div align="center">
<p align="left">If you learned or liked this script, we would appriciate puting a link of <a href="http://www.wallpaperama.com">wallpaperama.com</a> on your site. If you would like to exchange links with us, please <a href="http://www.wallpaperama.com/exchange-links.php">click here</a> to exchange links </p>
<p>Hosting By <a href="webune.com">Webune.com</a> </p>
</div>
</body>
</html>



Try it on your website, you will like it

here is another way to select the content in a field with javascript: check it out

javascript select all text form button

NOTE: This will work on Internet Explorer. I tried it on Mozilla Firefox but i did not do anything. i was hoping someone can help me with firefox?
john Sun Oct 23, 2011
doesn't work
Gautham Fri Jul 01, 2011
I recently stumbled across this blog link rindovincent.blogs where there is a simple way to copy text using JavaScript. Hope it will solve some of your problems.
Sunil Sat Nov 20, 2010
No It does not work at all in any browser.
Please go for another script...................
tom Sat Sep 18, 2010
Hi I thought this my be Helpful,
This is another way for highlight html page contents , we will use the power of JQuery. It works on IE,Opera,FireFox & Safari Browsers.

Please read the Article Here:
sevenadoo.c
genial Tue Jul 21, 2009
it's not works at all...!!! and also the demo thing up there :(

<a href=" 6raphic.blogspot ">genial</a>
Pramod Tue Jul 14, 2009
can modify the code for this to work in firefox. this isnt working now
Henk Mon May 18, 2009
download java from original page then it will work see for yourself
yogesh Thu Apr 02, 2009
i find the below link was useful supported multi-browser
<a href=" logiclabz /javascript/copy-to-clipboard-with- to clipboard javascript firefox ie</a>
adnreas Fri Dec 05, 2008
please teach me how to put a value in the textbox when we click a button using java script
muniaswari Sun Nov 02, 2008
i want to bold the selected text of textarea box by clicking button using javascript
Nishant Wed Oct 15, 2008
sorry to say but it did not work in firefox. can you send me a cross browser code for 'copy to clipboard' functionality.
You Mon Sep 29, 2008
this is dr.dre
asd Fri Aug 08, 2008
hey go to youtubeadds.blogspot to get more friends then nigahiga!!
Carrie Fri Aug 01, 2008
did not work for me either...
Angai Tue Feb 26, 2008
its good.

i want to apply bold to the selected part of text in a textbox control.
is it possible? if so plz help me in coding.

Related Content

Information

Share

wallpaperama | Wallpapers | Forums | Terms Of Service

copyright © 2013 wallpaperama - All Rights Reserved - Last Updated Mon May 06, 2013 (-8 GMT)
Powered by: Webune Forums V5