PDA

Click to See Complete Forum and Search --> : copy text from txt box

HackerX
07-17-2003, 02:13 PM
I want to copy the text inside of a text box. in bold is what I tried.

<DIV align="center">
<input type=button value="Highlight All" onClick="javascript:this.form.txt.focus();this.form.txt.select();">&nbsp;&nbsp;&nbsp;&nbsp;
<input type=button value="Copy" onClick="javascript:this.form.txt.focus();this.form.txt.copy();">&nbsp;&nbsp;&nbsp;&nbsp;
</DIV>

<textarea NAME="txt" ROWS=20 COLS=75 WRAP=VIRTUAL>
TEST
</textarea>
Charles
07-17-2003, 02:19 PM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Content-Script-Type" content="text/javascript">
<title>Example</title>
<form action="">
<div>
<input type="text" value="" onfocus="this.value = this.form.loremIpsum.value">
<textarea name="loremIpsum">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</textarea>
</div>
</form>
HackerX
07-17-2003, 02:19 PM
also could you help me make the text box black and text silver? I tried inserting the bg color="black"> code in the text area tag and <font color="silver"> before the text box tag but it didnt work...
Charles
07-17-2003, 02:23 PM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Content-Script-Type" content="text/javascript">
<title>Example</title>
<style type="text/css">
<!--
input {display:block; background-color:#000; color:#eee}
-->
</style>
<form action="">
<div>
<input type="text" value="" onfocus="this.value = this.form.loremIpsum.value">
<textarea name="loremIpsum">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</textarea>
</div>
</form>
HackerX
07-17-2003, 02:23 PM
and charles what you gave me caused the button that said Copy to then say what was in the txt box... I want to copy it... btw this is what I did with what Charles gave me:

<input type=button value="Copy" onfocus="this.value = this.form.txt.value">
pyro
07-17-2003, 02:24 PM
To actually copy it, you will need to use document.execCommand("Copy"); which is IE only: http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/execcommand.asp
HackerX
07-17-2003, 02:26 PM
thx Pyro

also Charles, again... um I wanted the text box black with silver text and that just made the buttons black with silver text which is cool too though...
HackerX
07-17-2003, 02:28 PM
Pyro,

I used this:

<input type=button value="Copy" document.execCommand("Copy");">

and when I hit copy and pasted it, it showed up as:

document.execCommand("Copy");">
Charles
07-17-2003, 02:28 PM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Content-Script-Type" content="text/javascript">
<title>Example</title>
<style type="text/css">
<!--
input, textarea {display:block; background-color:#000; color:#eee}
-->
</style>
<form action="">
<div>
<input type="text" value="" onfocus="this.value = this.form.loremIpsum.value">
<textarea name="loremIpsum">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</textarea>
<button type="submit">Submit</button>
</div>
</form>
pyro
07-17-2003, 02:31 PM
<input type="button" value="Copy" onclick="document.execCommand('Copy');">
HackerX
07-17-2003, 02:35 PM
Thanx Pyro that works now but Charles your thing you keep giving me still isnt making MY text box black I dont want to make a NEW one...
Charles
07-17-2003, 02:36 PM
And to hide the button when it will not work:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Content-Script-Type" content="text/javascript">
<title>Example</title>
<style type="text/css">
<!--
textarea {display:block; background-color:#000; color:#eee}
-->
</style>
<form action="">
<div>
<textarea name="loremIpsum">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</textarea>
<script type="text/javascript">
<!--
if (document.execCommand) {
document.write('<button name="copy">Copy</button>');
document.forms[document.forms.length-1].copy.onclick = function () {document.execCommand('Copy')};
}
// -->
</script>
</div>
</form>
HackerX
07-17-2003, 02:46 PM
thanx Charles. I am using Pyros button but I got your textbox on there.

~HackerX~
wtopa
06-17-2006, 07:28 AM
For some reason the button Copy displays in Firefox, but doesn't copy the textarea to the clipboard. The button Copy doesn't work in IE either. :confused: