Forum:

IceMobile - Failed to append element[tag: div; attributes: ] into #document

Greenhorn

Posts: 7

posted 11 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi Guys,
I have a site developed in Ice Faces framework now I want to make mobile site for the same application And for that I have decided to use Ice Mobile(Ice-mobi) framework. I modified my existing index page to redirect to login page based on caller interface (desktop/handheld device) as follows:

When I hit the server from mobile device it redirects to mobile login page, code is as follows:

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets" 
    xmlns:mobi="http://www.icesoft.com/icefaces/mobile/component" >

<h:form id="loginForm" binding="#{loginUIBean.loginComponent}">
			<h:message for="loginForm" layout="table" class="error"/>
			<div style="text-align: center;">
				<mobi:fieldsetGroup>
					<mobi:fieldsetRow>
						<h:graphicImage value="images/MP-logo.png" style="float:center;"/>					
					</mobi:fieldsetRow>
					<mobi:fieldsetRow>
						<h:outputLabel for="email" value="Login Id:"/>
						<mobi:inputText id="email" autocorrect="on" singleSubmit="false" type="text" placeholder="Email Id"
							value="#{loginUIBean.loginEmailId}"/>
					</mobi:fieldsetRow>
	                        
				    <mobi:fieldsetRow>
						<h:outputLabel for="password" value="Password:"/>
						<mobi:inputText id="password" type="password" singleSubmit="false" placeholder="Password"
							value="#{loginUIBean.password}">
						</mobi:inputText>
					</mobi:fieldsetRow>
					<mobi:fieldsetRow>
						<h:selectBooleanCheckbox value="#" immediate="true" id="saveCredentials" />
						<h:outputLabel value="Save my credentials on this mobile phone."></h:outputLabel>
					</mobi:fieldsetRow>
					<mobi:fieldsetRow>
						<mobi:commandButton value="Login" styleClass="submit" action="#{loginUIBean.login}"/>
					</mobi:fieldsetRow>            
				</mobi:fieldsetGroup>
			</div>	
			</h:form>
</ui:composition>

Then after successful authentication I am simply returning a test view (mDashboard) to view ice-mobile components in mobile browser, but it throws an error as follows:

javax.servlet.ServletException: failed to append element[tag: div; attributes: ] into #document
javax.faces.webapp.FacesServlet.service(FacesServlet.java:606)

root cause

java.lang.RuntimeException: failed to append element[tag: div; attributes: ] into #document
org.icefaces.impl.context.DOMResponseWriter.appendToCursor(DOMResponseWriter.java:431)
org.icefaces.impl.context.DOMResponseWriter.startElement(DOMResponseWriter.java:263)
org.icefaces.mobi.component.tabset.TabSetRenderer.encodeBegin(TabSetRenderer.java:83)
javax.faces.component.UIComponentBase.encodeBegin(UIComponentBase.java:826)
javax.faces.component.UIComponent.encodeAll(UIComponent.java:1777)
javax.faces.component.UIComponent.encodeAll(UIComponent.java:1782)
com.sun.faces.application.view.FaceletViewHandlingStrategy.renderView(FaceletViewHandlingStrategy.java:439)
com.sun.faces.application.view.MultiViewHandler.renderView(MultiViewHandler.java:124)
com.sun.faces.lifecycle.RenderResponsePhase.execute(RenderResponsePhase.java:120)
com.sun.faces.lifecycle.Phase.doPhase(Phase.java:101)
com.sun.faces.lifecycle.LifecycleImpl.render(LifecycleImpl.java:139)
javax.faces.webapp.FacesServlet.service(FacesServlet.java:594)

root cause

org.w3c.dom.DOMException: HIERARCHY_REQUEST_ERR: An attempt was made to insert a node where it is not permitted.
com.sun.org.apache.xerces.internal.dom.CoreDocumentImpl.insertBefore(CoreDocumentImpl.java:391)
com.sun.org.apache.xerces.internal.dom.NodeImpl.appendChild(NodeImpl.java:235)
org.icefaces.impl.context.DOMResponseWriter.appendToCursor(DOMResponseWriter.java:426)
org.icefaces.impl.context.DOMResponseWriter.startElement(DOMResponseWriter.java:263)
org.icefaces.mobi.component.tabset.TabSetRenderer.encodeBegin(TabSetRenderer.java:83)
javax.faces.component.UIComponentBase.encodeBegin(UIComponentBase.java:826)
javax.faces.component.UIComponent.encodeAll(UIComponent.java:1777)
javax.faces.component.UIComponent.encodeAll(UIComponent.java:1782)
com.sun.faces.application.view.FaceletViewHandlingStrategy.renderView(FaceletViewHandlingStrategy.java:439)
com.sun.faces.application.view.MultiViewHandler.renderView(MultiViewHandler.java:124)
com.sun.faces.lifecycle.RenderResponsePhase.execute(RenderResponsePhase.java:120)
com.sun.faces.lifecycle.Phase.doPhase(Phase.java:101)
com.sun.faces.lifecycle.LifecycleImpl.render(LifecycleImpl.java:139)
javax.faces.webapp.FacesServlet.service(FacesServlet.java:594)

mDashboard.xhtml code is as follows:

Jar versions I m using as follows:

1)icefaces-3.2.0.jar
2)icefaces-ace-3.2.0.jar
3)icefaces-compat-3.2.0.jar
4)icefaces-mobi-1.2.0.jar
5)icepush-3.2.0.jar
6)javax.faces-2.1.19.jar

Please help me out.

Regards,
Yogesh Patil

Philip Breau

Greenhorn

Posts: 5

posted 11 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Looks like you should remove the <ui:composition> on the mDashboard.xhtml page as well as add the other tags to make it a full page.

<?xml version='1.0' encoding='UTF-8' ?>  
<!DOCTYPE html >  
<html 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:mobi="http://www.icesoft.com/icefaces/mobile/component">  
<h:head>  
    <title>Title</title>  
    <mobi:deviceResource />  
</h:head>  
<h:body>  
<mobi:tabSet currentId="1">  
  
            <mobi:contentPane title="Ice Sailer" id="tab1"  
                              facelet="false" client="true" >  
                <h:outputText value="A" />  
            </mobi:contentPane>  
  
            <mobi:contentPane title="Ice Breaker" id="tab2"  
                          facelet="false" client="true" >  
  
                 <h:outputText value="B" />  
  
            </mobi:contentPane>  
  
            <mobi:contentPane title="Ice Skater" id="tab3"  
                              facelet="false" client="true" >  
                 <h:outputText value="C" />  
            </mobi:contentPane>  
  
        </mobi:tabSet>  
</h:body>  
</html>

Yogesh pat

Greenhorn

Posts: 7

posted 11 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Thanks Philip,
I tried with the replacing <ui:composition> on the mDashboard.xhtml page as well as add the other tags (code provided by you for mDashboard.xhtml) but it shows unexpected view(no tabs,panes,styles..just ordered list of tabs, etc.) like this:

Ice Sailer
Ice Breaker
Ice Skater

A
B
C

Regards,
Yogesh Patil

Philip Breau

Greenhorn

Posts: 5

posted 11 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Sounds like you're just missing the css on that page. Make sure that you have <mobi:deviceResource /> in the header and that you're requesting the page with *.jsf or whatever you're JSF servlet mapping requires.

Yogesh pat

Greenhorn

Posts: 7

posted 11 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

In my mDashboard.xhtml I am already including device resource like:

and also my resource mapping in web.xml is

and in faces-config.xml is:

Actually I am testing the pages on desktop browser, does it matters? Also, Is it the jars compatible issue?
thanks.

Regards,
Yogesh Patil

Tim Holloway

Saloon Keeper

Posts: 28486

210

I like...

posted 11 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Based on your web.xml, the navigation should look like this:

The "View ID" is not a resource path, it's a limited-format context-relative URL (meaning no parameters or references to non-JSF URLs).

Yogesh pat

Greenhorn

Posts: 7

posted 11 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Thanks Tim.
I made changes like <to-view-id>/mDashboard.xhtml</to-view-id> to <to-view-id>/mDashboard.iface</to-view-id> as you said. But still problem persists.
Is there any jar compatibility issue?

I am using following versions:
1)icefaces-3.2.0.jar
2)icefaces-ace-3.2.0.jar
3)icefaces-compat-3.2.0.jar
4)icefaces-mobi-1.2.0.jar
5)icepush-3.2.0.jar
6)javax.faces-2.1.6.jar

Regards,
Yogesh Patil

Tim Holloway

Saloon Keeper

Posts: 28486

210

I like...

posted 11 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I'm afraid you'll have to check the IceFaces documentation. I don't work with it on a regular basis, so I can't tell what's valid and what isn't.

Often the most important part of the news is what they didn't tell.

Philip Breau

Greenhorn

Posts: 5

posted 11 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I don't see anythiing wrong with your navigation rule. ICEfaces doesn't add anything else to standard JSF navigation. Perhaps try using implicit navigation. Just remove the navigation rule from your faces-config.xml and return the page name (without the suffix) from your action method (eg. return "mDashboard";).

Yogesh pat

Greenhorn

Posts: 7

posted 11 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Removed the navigation rules & also returned page name without suffix. But didn't solved the problem. The only impact appeared in url (remains same http://localhost:8080/project/ for eg.) for all pages.
Thanks.

Regards,
Yogesh Patil

Yogesh pat

Greenhorn

Posts: 7

posted 11 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Thanks guys for support. Problem got solved . Bi mistaken there were primefaces jars present in my web-inf/lib so that was causing the problem it couldn't applies styles properly. When I analyzed style/script errors on browser then it showed primefaces related errors so I removed primefaces related dependencies from maven. Sorry silly mistake. :(
Anyways, thanks again.

Regards,
Yogesh Patil

"I know this defies the law of gravity... but I never studied law." -B. Bunny Defiant tiny ad:

Smokeless wood heat with a rocket mass heater

https://woodheat.net