Embedding Javascript in a JSF File

[Abiodun Adisa]

I am embedding a Javascript code segment within a JSF File,

<h:inputText></h:inputText>
	        	<script type="text/javascript" language="JavaScript">
			var temp=document.getElementById("text1");
			temp.onpaste=function(){alert('Hello');}
			</script>
			

But anytime i take a look at the html generated i only see

<script type="text/javascript" language="JavaScript">
			</script>
			

Without its content. How do i resolve this issue?

[Bauke Scholtz]

If you're still using the old JSF 1.1, you should wrap template text in <f:verbatim>.

[Tim Holloway]

Actually, this is a better way to do it:

<f:verbatim>
<script type="text/javascript" language="JavaScript">//<![CDATA[  
             var temp=document.getElementById("text1");  
             temp.onpaste=function(){alert('Hello');}  
 ></script>  
// ]]>
</f:verbatim>

Since you're embedding text that can potentially contain XML magic characters in an XML document. Which XML won't like. And even if you don't offend, any tool you used to pretty up the XML would chew up the JavaScript code formatting unless you wrapped it with a CDATA.

However, there are a couple of other problems here.

First of all, that's not how you'd attach javascript to a control, so it still won't work.

Secondly, onpaste() is not a standard JavaScript event. It works in IE and it works in Safari, but it does not work in Firefox and probably doesn't work in Opera.

So if you expected to set up a website that was trying to sell me something, you'd fail. I don't use IE for anything where money or sensitive data are involved.