HTML - Select All And Copy Buttons On Text Area Not Working!

Hi, this seems simple to me but i cant do it! the buttons do work but when i combine them on the same text area they dont work! heres what i have put together so far,

Select all form:

<form name="select_all">
<textarea name="text_area" rows="2" cols="80">TEXT TEXT TEXT TEXT</a>
</textarea><br />
<input type="button" value="select all" onClick="javascript:this.form.text_area.focus();this.form.text_area.select();">
</form><br />

Copy Text area:

<textarea cols=85 rows=20 id='testText'>TEXT TEXT TEXT TEXT</textarea><br>
<button onclick='copyToClipboard(document.getElementById("testText").value);'>Copy To Clipboard</button>

Copy javascript:

<script type='text/javascript'>
function copyToClipboard(s)
{
if( window.clipboardData && clipboardData.setData )
{
clipboardData.setData("Text", s);
}
else
{
// You have to sign the code to enable this or allow the action in about:config by changing user_pref("signed.applets.codebase_principal_support", true);
netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');

var clip = Components.classes['@mozilla.org/widget/clipboard;[[[[1]]]]'].createInstance(Components.interfaces.nsIClipboard);
if (!clip) return;

// create a transferable
var trans = Components.classes['@mozilla.org/widget/transferable;[[[[1]]]]'].createInstance(Components.interfaces.nsITransferable);
if (!trans) return;

// specify the data we wish to handle. Plaintext in this case.
trans.addDataFlavor('text/unicode');

// To get the data from the transferable we need two new objects
var str = new Object();
var len = new Object();

var str = Components.classes["@mozilla.org/supports-string;[[[[1]]]]"].createInstance(Components.interfaces.nsISupportsString);

var copytext=meintext;

str.data=copytext;

trans.setTransferData("text/unicode",str,copytext.length*[[[[2]]]]);

var clipid=Components.interfaces.nsIClipboard;

if (!clip) return false;

clip.setData(trans,null,clipid.kGlobalClipboard);
}
}
</script>


Any sugestions?