Forum:

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

Greenhorn

Posts: 7

posted 10 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 10 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 10 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 10 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 10 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: 27807

196

I like...

posted 10 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 10 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: 27807

196

I like...

posted 10 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.

The secret of how to be miserable is to constantly expect things are going to happen the way that they are "supposed" to happen.

You can have faith, which carries the understanding that you may be disappointed. Then there's being a willfully-blind idiot, which virtually guarantees it.

Philip Breau

Greenhorn

Posts: 5

posted 10 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 10 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 10 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