Need to Make Title attribute of Div Container Dynamic

[Steve Dyke]

I am attempting to make the title of a div container dynamic based on specific value.
Using the following script when I hover over the container if the value == 2 I get "First" otherwise I get "class".

<div title=${itemStatusItemV8Obj.firstArticleRevisionMismatch == 2?"First Article Revision is not Current":""} class=${itemStatusItemV8Obj.firstArticleRevisionMismatch == 2?"yellowBG-inline":""}>Latest FAI Data: Index#: ${itemStatusFirstArticleV8Obj.recseq} Status: ${itemStatusGenericNotesListObj.note} Revision: ${itemStatusFirstArticleV8Obj.revision}</div>

[Bear Bibeault]

If you look at the generated HTML you should see the problem.












Spoiler:
No quotes around the attribute value so only the first word is parsed as part of the value.

[Tim Holloway]

I had to look at this pretty carefully to make sense of that answer.

More accurately, the entire title attribute value needs to be quoted, including the EL code. Use single-quotes to delimit the string result.

This is one reason why I recommend not doing anything complicated in EL on a web page. A much safer/cleaner way would have been to eliminate the conditional EL and literal string and do something like this:

  title="${itemStatusV80obj.divTitle}"

Where the property value for divTitle in backing bean "itemStatusV80obj" would be set to the desired title (or an empty string). The name "itemStatusV80obj", incidentally, is all sorts of ugly, since "obj" is basically redundant and a version number is questionable. Usually "itemStatus" would be enough.

Note that if you want to, you can use an alternate backing bean to hold the "divTitle" property if it would be inappropriate to put it in the itemStatus object.