Using JSF EL in a plain HTML attribute

Question

Can we use JSF EL inside a HTML tag? For example, inside a plain HTML element, can we use EL #{bean.color} for the bgcolor

Answer 1

You can integrate el with html in facelets.

example:

   <td style="background: #{bean.color};"><br /></td> 

example 2:

<script type="text/javascript">
    window.location = '#{bean.url}';
</script>

Answer 2

The answer depends on the JSF version and the view technology used. The technical term you're looking for is "using EL in template text" (i.e. not inside any tag/component).

As per your question history you're using JSF 1.2 on Websphere. I assume that you're still using old JSP, the predecesor of Facelets. Whether JSF EL #{} works in template text depends on the JSP version used. JSP version goes hand in hand with Servlet version.

When your container supports Servlet 2.5 and the web.xml is declared conform Servlet 2.5, then you're using JSP 2.1. In that case, you can just use #{bean} in JSP. The JSF EL #{} was namely moved from JSF 1.1 to JSP 2.1 under the name "unified EL".

<td bgcolor="#{bean.color}">

However, when your container supports at most Servlet 2.4, then you're basically using JSP 2.0 and you have to use ${bean} instead.

<td bgcolor="${bean.color}">

This has only one prerequirement: in the same document, somewhere before the above line where you reference the JSF bean by ${bean}, you need to ensure that you've already referenced the very same bean by #{bean} in a JSF tag beforehand, otherwise the bean won't be precreated.

When you're using the JSP's successor Facelets, even though in a Servlet 2.4 environment, then you can just use

<td bgcolor="#{bean.color}">

See also:

• Difference between JSP EL, JSF EL and Unified EL - A bit of history of EL
• Is it suggested to use h:outputText for everything?
• PWC6228: #{...} not allowed in a template text body

---

Unrelated to the problem, the bgcolor attribute is deprecated in HTML. You should be using CSS style attribute instead.

<td style="background: #{bean.color}">

Even then, the above is considered poor practice. Put CSS in a .css stylesheet file which you include via <link>/<h:outputStylesheet> and use sensible classnames (e.g. .odd, .even, .success, .cancelled, etc) and render a CSS style class instead. For example, if the color depends on some status:

<td class="#{bean.status}">

Answer 3

It depends. If you're using Facelets as ViewHandler, yes. If you're using JSP, HTML must be in <f:verbatim> tag.