I'm currently working with jsf 2.0 and richfaces 4.0 to develop my application. Occasionally, I incorporate jQuery and JavaScript functions for displaying and hiding elements. However, I've encountered an issue when trying to generate tags within the xhtml page.
For example:
I am attempting to add an image to the rich:autocomplete component in JSF for each search result. The code snippet looks like this:
<script type="text/javascript">
function addPhotoPage(){
var allDiv=$('#frmContent\\:txtPatientSearchItems').find('div');
$.each(allDiv,function(cnt,data){
$(this).append("<img src="./resources/images/photo.png">");
});
}
</script>
This code is included in the xhtml page.
JSF rigorously validates all tags, hence it restricts me from appending the img tag to the search results.
Thank you.