Javascript Copy to clipboard Object Error

[andrewlondon]

Hi, i've got this piece of javascript that lets visitors to my site either highlight a specific <textarea> (firefox) or copy to clipboard (Internet Explorer). It's working correctly on highlighting but it isn't Copying anything to the clipboard... Instead it's spitting out Object Expected errors when you click the copy to clipboard button.

I haven't touched JavaScript much but this is something i really need to get working for my site. Would somebody please be able to tell me why it isn't functioning properly in beginners speak?

Code: Select all

Head Part:
<!-- Copy & Highlight Banner1 -->
	<SCRIPT language="JavaScript">
		function banner1highlight() {
			document.Form1.banner1.select(); document.Form1.banner1.focus();
		}
		
		function banner1copy() {
			highlightmetasearch();
			textRange = document.Form1.banner1.createTextRange();
			textRange.execCommand("RemoveFormat");
			textRange.execCommand("Copy");
			alert("This text has been copied to your clipboard.");
	   }
   </SCRIPT>

Body Part:
<form enctype="multipart/form-data" name="Form1">	        
				<textarea name="banner1" rows="3" cols="70"><a href="http://www.goldenjoystick.com/refer/{ref_id}"><img src="http://www.goldenjoysticks.com/banners/banner1.gif"></a></textarea><br><br>
					<script language="JavaScript" type="text/javascript">
						if ((navigator.appName=="Microsoft Internet Explorer")&&(parseInt(navigator.appVersion)>=4)) {
						document.write('<INPUT type="button" value="  Copy To Clipboard  " onClick="banner1copy();">');
						} else {
						document.write('<INPUT type="button" value="  Highlight Text  " onClick="banner1highlight();"> *Press CTRL + C to copy this html to your clipboard.');
						}
					</script>

</form>

[Rakuli]

I've never really got involved in IE propriety commands but I have used a much more comprehensive function previously.

I can't remember the site I got it from but it's -- I have added the highlight part to the top to make the text selected in browsers that won't support this

Code: Select all

// Use this as the function in your onclick call
function allBrowserCopy{
document.Form1.banner1.select(); document.Form1.banner1.focus();
copyToClipboard(document.Form1.banner1.value);
}

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);	   
	}
}