JavaScript Forum

**RiverAce** · 12:38 AM

Hi guys,

I have been working on a page which allows me to click a button which then in turn copies the contents of a textarea. I have placed the script below into my Header section.

<script language='Javascript'>
function doact(d)
{
var doc = eval("document.readme."+d);
cp = doc.createTextRange();
doc.focus();
doc.select();
cp.execCommand("Copy");
}
</script>
<form name="readme">

In my Body I am using the following:

<textarea name="text1" cols="1" rows="1" style="display:all">Some Text</TEXTAREA>
<input onclick="doact('text1')" type="button" value="Host Headers">

The problem I am having is when I change the display type to hidden the copy function doesnt work. I do not wish to have the textarea displayed on my site as it is simply used to quickly copy proformas etc.

Any Ideas

**chrishirst** · 11-18-2009, 06:17 AM

there is no display:all or display:hidden

display
visibility

**tripy** · 08:04 AM

****, I was sure I had replied this morning...
Chris, the "copy to clipboard" is IE only anyway, so don't bother too much on css compliance

As for RiverAce, try this:

HTML Code:

<html>

<body>
    <script language='Javascript'>
    function doact(elm){
        cp = elm.createTextRange();
        cp.execCommand("Copy");
    }
    </script>
    
    <form name="frm" method="post">
        <textarea id="text1" name="text1" cols="100" rows="100" style="display:none">Some Text lala</TEXTAREA>
    <input onclick="doact(document.getElementById('text1'))" type="button" value="Host Headers">
    </form>
</body>

</html>

My guess would be that you cannot focus() a hidden element, and that the script stops there.
But, as it's IE, it's almost impossible to debug (I mean, real debug, with breakpoints, stack trace, watches and such!).

**RiverAce** · 11-19-2009, 02:58 AM

Legend

Thanks a ton for that.

I beleive their are a number of forums out their with this same issue. This thread beats them all.

cheers

**RiverAce** · 11-24-2009, 10:59 PM

I dont suppose you would know how to incorporate this into a drop down menu.

For example select a text area through a drop down and have a single copy button to copy the text within that text area.

This would mean I could select a proforma from a drop down and have a single button to copy to the clipboard.