growl + dock + layout + IE = ERROR

zacjack · 15 Sep 2010, 01:02

Hi,
I'm working with primefaces, and a have an error with this:

....

<div class="dockPanel">
		<h:form>
			<h:panelGrid>
				<p:dock maxWidth="15" itemWidth="30" proximity="30" position="top">	
					<p:menuitem value="#{messages['label.dock.home']}" icon="#{messages['iconboton.dock.home']}"
						url="/home.seam" rendered="#{identity.loggedIn}">							
					</p:menuitem>								
					<p:menuitem value="#{messages['label.dock.dashboard']}" rendered="#{identity.loggedIn}" 
						icon="#{messages['iconboton.dock.dashboard']}" url="/dashboard.seam" />
					<p:menuitem value="#{messages['label.dock.actividades']}" rendered="#{identity.loggedIn}" 
						icon="#{messages['iconboton.dock.actividades']}" url="/registroAct.seam" />
					<p:menuitem value="#{messages['label.dock.pendientes']}" rendered="#{identity.loggedIn}" 
						icon="#{messages['iconboton.dock.pendiente']}" url="/pendientesList.seam" />
					<p:menuitem value="#{messages['label.dock.login']}" icon="#{messages['iconboton.dock.login']}"
						url="/login.seam" rendered="#{not identity.loggedIn}"  />
					<p:menuitem value="#{messages['label.dock.logout']}" rendered="#{identity.loggedIn}" 
						icon="#{messages['iconboton.dock.logout']}" url="/login.seam" >
						<a:support action="#{identity.logout}" event="onclick" ajaxSingle="true" status="commonstatus"/>
						<s:conversationPropagation propagation="begin"></s:conversationPropagation>
					</p:menuitem>	
				</p:dock>
			</h:panelGrid>
		</h:form>
	</div>
	
	<a:outputPanel id="ajaxGrowlMessage" ajaxRendered="true" ajaxSingle="true">
		<p:growl id="growl" showDetail="true" life="3000"/>
	</a:outputPanel>

        <div id="content">	
	<p:layout fullPage="true">
	
		<p:layoutUnit position="top" height="40" resizable="false" closable="false" collapsible="false">	
			<ui:include src="menuSuperior.xhtml">
				<ui:param name="projectName" value="TEST" />
			</ui:include>
		</p:layoutUnit>
		
		<p:layoutUnit position="bottom" height="25" resizable="false" closable="false" collapsible="false">
			<div class="footer" align="left">
				<h:outputText value="#{messages['label.derechos']}" style="font-size:x-small;"/>
			</div>
		</p:layoutUnit>
		
		<p:layoutUnit position="left" width="215" resizable="true" closable="false" collapsible="true" scrollable="true"
					header="#{messages['label.menu']}" rendered="#{identity.loggedIn}">
			<h:form>
				<ui:include src="menu.xhtml">
					<ui:param name="projectName" value="ARES II" />
				</ui:include>
			</h:form>
		</p:layoutUnit>
		
		<p:layoutUnit position="center" scrollable="true">
			<div class="body" align="left">
				<a:outputPanel id="bodyPanel">
				<ui:insert name="body" />
				</a:outputPanel>
			</div>
		</p:layoutUnit>
		
	</p:layout>
		
	</div>

.....

growl messages try to fadeout, then IE Debugger launch an error. If i put the mouse cursor over growl message area the growl message is showed again.

ufff....

sorry i have very bad english

zacjack · 15 Sep 2010, 17:40

This is a complete sample to the error

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<f:view xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:a="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:p="http://primefaces.prime.com.tr/ui" contentType="text/html">
    <html>
    <head>
    <p:resources />
    <script type="text/javascript"
        src="/web/JS/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
    <script type="text/javascript" src="/web/JS/basics.js"></script>    
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>ARES_II</title>
    <link rel="shortcut icon" href="#{request.contextPath}/favicon.ico" />
    <a:loadStyle src="resource:///stylesheet/theme.xcss" />
    <a:loadStyle src="/stylesheet/theme.css" />
    <link type="text/css" rel="stylesheet"
        href="#{request.contextPath}/stylesheet/start/skin.css" />
    <link type="text/css" rel="stylesheet"
        href="#{request.contextPath}/stylesheet/skinning_layout.CSS" />
    <style type="text/css">
.ui-widget {
    font-size: 75%;
}

.themeMenu {
    overflow: auto;
    height: 300px;
    width: 200px;
}
</style>
    <ui:insert name="head" />
    </head>
    <body class="yui-skin-sam">
    
    
    
    <div class="dockPanel">
        <h:form>
            <h:panelGrid>
                <p:dock maxWidth="15" itemWidth="30" proximity="30" position="top">    
                    <p:menuitem value="#{messages['label.dock.home']}" icon="#{messages['iconboton.dock.home']}"
                        url="/home.seam" rendered="#{identity.loggedIn}">                            
                    </p:menuitem>                                
                    <p:menuitem value="#{messages['label.dock.dashboard']}" rendered="#{identity.loggedIn}" 
                        icon="#{messages['iconboton.dock.dashboard']}" url="/dashboard.seam" />
                    <p:menuitem value="#{messages['label.dock.actividades']}" rendered="#{identity.loggedIn}" 
                        icon="#{messages['iconboton.dock.actividades']}" url="/registroAct.seam" />
                    <p:menuitem value="#{messages['label.dock.pendientes']}" rendered="#{identity.loggedIn}" 
                        icon="#{messages['iconboton.dock.pendiente']}" url="/pendientesList.seam" />
                    <p:menuitem value="#{messages['label.dock.login']}" icon="#{messages['iconboton.dock.login']}"
                        url="/login.seam" rendered="#{not identity.loggedIn}"  />
                    <p:menuitem value="#{messages['label.dock.logout']}" rendered="#{identity.loggedIn}" 
                        icon="#{messages['iconboton.dock.logout']}" url="/login.seam" >
                        <a:support action="#{identity.logout}" event="onclick" ajaxSingle="true" status="commonstatus"/>
                        <s:conversationPropagation propagation="begin"></s:conversationPropagation>
                    </p:menuitem>    
                </p:dock>
            </h:panelGrid>
        </h:form>
    </div>
    
    <a:outputPanel id="ajaxGrowlMessage" ajaxRendered="true" ajaxSingle="true">
        <p:growl id="growl" showDetail="true" life="3000"/>
    </a:outputPanel>
    
    <h:form >            
                <a:commandButton action="#{bean.dummy}" value="tst" reRender="ajaxGrowlMessage"  />
                </h:form>
    </body>
    </html>
</f:view>

Code: Select all

@SuppressWarnings("deprecation")
    public void dummy(){
        facesMessages.addFromResourceBundle(FacesMessage.SEVERITY_ERROR,
        "SAMPLE");
        log.info("in Dummy!!");
    }

and this is the IE debugger error:

Code: Select all

y[p]=pValue+(p!='zIndex'&&p!='fontWeight'?'px':'')

primefaces sample MACOSX use dockItem but this component not found

Code: Select all

<p:dock>
  <p:dockItem label="Finder" icon="/images/macosx/finder.png" url="#" />
  <p:dockItem label="Safari" icon="/images/macosx/safari.png" url="#" />
  <p:dockItem label="iTunes" icon="/images/macosx/itunes.png" url="#"/>
  <p:dockItem label="iChat" icon="/images/macosx/ichat.png" url="#"/>
  <p:dockItem label="Trash" icon="/images/macosx/trash.png" url="#"/>
</p:dock>

growl + dock + layout + IE = ERROR

Who is online