<rich:menuItem> is not working in FireFox
Hi,
I am using facelets1.2, rich-faces 3.2.1 GA and JSF RI 1.2.08 in my application. I am trying to create a top menu bar using rich faces components.
This is my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html">
<ui:composition>
<style>
.pic {
margin-bottom: -4px;
margin-right: 2px;
}
</style>
<h:form>
<rich:toolBar itemSeparator="line">
<rich:toolBarGroup itemSeparator="none">
<rich:dropDownMenu>
<f:facet name="label">
<h:panelGroup>
<h:graphicImage value="/images/icons/copy.gif" styleClass="pic"/>
<h:outputText value="File"/>
</h:panelGroup>
</f:facet>
<rich:menuItem submitMode="ajax" value="New" ajaxSingle="true"></rich:menuItem>
</rich:dropDownMenu>
</rich:toolBarGroup>
</rich:toolBar>
</h:form>
</ui:composition>
</html>
When I load this jsf file, It works in IE7, but, it does not work in firefox v2 and safari (Apple) browsers.
The error in firefox is below:
=====================
XML Parsing Error: not well-formed
Location: http://localhost:8080/web/templates/include/topMenu.jsf
Line Number 15, Column 1716:<table border="0" cellpadding="0" cellspacing="0" class="dr-toolbar-ext rich-toolbar " id="j_id1:j_id2" width="100%"><tr valign="middle"><td class="dr-toolbar-int rich-toolbar-item " style=";"><div class="dr-menu-label dr-menu-label-unselect rich-ddmenu-label rich-ddmenu-label-unselect " id="j_id1:j_id4"><span class="dr-label-text-decor rich-label-text-decor"><img src="/dealsweb/images/icons/copy.gif" alt="" class="pic" />File</span><div style="margin: 0px; padding: 0px; border: 0px; position: relative; z-index: 100;"><div id="j_id1:j_id4_menu" class="dr-menu-list-border rich-menu-list-border" style="display: none; z-index: 2;"><div class="dr-menu-list-bg rich-menu-list-bg"><div class="dr-menu-item dr-menu-item-enabled rich-menu-item rich-menu-item-enabled " id="j_id1:j_id8" onclick="this.className='dr-menu-item dr-menu-item-enabled rich-menu-item rich-menu-item-enabled '; A4J.AJAX.Submit('_viewRoot','j_id1',event,{'parameters':{'j_id1:j_id8':'j_id1:j_id8','ajaxSingle':'j_id1:j_id8'} ,'actionUrl':'/dealsweb/templates/include/topMenu.jsf'} );" onmouseout="if (RichFaces.Menu.isWithin(event, this)) return; this.className='dr-menu-item dr-menu-item-enabled rich-menu-item rich-menu-item-enabled '; $('j_id1:j_id8').style.cssText=';'; $('j_id1:j_id8:icon').className='dr-menu-icon rich-menu-item-icon '; Element.removeClassName($('j_id1:j_id8:anchor'), 'rich-menu-item-label-selected');" onmouseover="if (RichFaces.Menu.isWithin(event, this)) return; this.className='dr-menu-item dr-menu-item-hover rich-menu-item rich-menu-item-hover ';; $('j_id1:j_id8').style.cssText='; ; ;'; $('j_id1:j_id8:icon').className='dr-menu-icon dr-menu-icon-selected rich-menu-item-icon rich-menu
----------------------------------------------------------------------------------------------------------------------------------------
The error in safari browser is below:
=============================
This page contains the following errors:
error on line 15 at column 564: Char 0x0 out of allowed range Below is a rendering of the page up to the first error.
I tested this page by removing the <rich:menuItem> component, it works, I am able to isolate problem with <rich:menuItem>. Could any one help me how to solve this ?
Thanks
Sarav
