You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@myfaces.apache.org by Joost Schouten <jo...@jsportal.com> on 2007/03/22 12:09:01 UTC

IE7 javascript error with t:panelNavigation2 resource

Hi,

I use a t:panelNavigation2 [1] which works great in firefox. In IE7 I get
the following javascript error: "object required"

The debugger points to the following code (I added error-->) in the resource
loaded with [2]:

startList = function() 
{
    if (document.all && document.getElementById) 
    {
        navDivRoot = document.getElementById("hNav_outer");
error-->navRoot = navDivRoot.childNodes[0];    
        for (i=0; i<navRoot.childNodes.length; i++) 
        {
            node = navRoot.childNodes[i];
            if (node.nodeName=="LI") 
            {
                node.onmouseover=function() 
                {
                    this.className+=" over";
                }
                node.onmouseout=function() 
                {
                    this.className=this.className.replace(" over", "");
                }
            }
        }
    }
}
window.onload=startList

Is this a bug or is there something wrong in my code?

Cheers,
Joost

[1]:
<t:panelNavigation2 id="nav1" layout="list" itemClass="off"
activeItemClass="on" openItemClass="on"
					renderAll="true"
style="padding-left:15px;">
	<t:commandNavigation2 id="navItem1" onmouseover="hideOpen(this,
event);" onmouseout="showOpen(this, event);">
		<h:graphicImage
value="#{sessionVars.pathToImages}spacer.gif" width="8"/>
		<t:outputText value="#{webLabels['nav.myInfo']}"/>
		<h:graphicImage
value="#{sessionVars.pathToImages}spacer.gif" width="8"/>
		<t:commandNavigation2 id="navItem1_1"
onmouseover="hideOpen(this, event);" onmouseout="showOpen(this, event);"
activeOnViewIds="/user_dashboard_view" action="go_user_dashboard">
			<h:graphicImage
value="#{sessionVars.pathToImages}spacer.gif" width="8"/>
			<t:outputText
value="#{webLabels['nav.myInfo.myDashboard']}"/>
			<h:graphicImage
value="#{sessionVars.pathToImages}spacer.gif" width="8"/>
		</t:commandNavigation2>
       <//t:commandNavigation2>
</t:panelNavigation2>

[2]:
/faces/myFacesExtensionResource/org.apache.myfaces.renderkit.html.util.MyFac
esResourceLoader/11745609/navmenu.htmlnavmenu.HtmlPanelNavigationMenu/HMenuI
EHover.js



RE: IE7 javascript error with t:panelNavigation2 resource

Posted by Joost Schouten <jo...@jsportal.com>.
Sorry,

I found that I changed the id of the containing t:div. My bad and I should
have posted this in the users forum.

Cheers,
Joost Schouten
Director
 
JS Portal
Dasstraat 21
2623CB Delft
the Netherlands
P: +31 6 160 160 14
W: www.jsportal.com 

-----Original Message-----
From: Joost Schouten [mailto:joost@jsportal.com] 
Sent: Thursday, March 22, 2007 11:09 PM
To: dev@myfaces.apache.org
Subject: IE7 javascript error with t:panelNavigation2 resource

Hi,

I use a t:panelNavigation2 [1] which works great in firefox. In IE7 I get
the following javascript error: "object required"

The debugger points to the following code (I added error-->) in the resource
loaded with [2]:

startList = function() 
{
    if (document.all && document.getElementById) 
    {
        navDivRoot = document.getElementById("hNav_outer");
error-->navRoot = navDivRoot.childNodes[0];    
        for (i=0; i<navRoot.childNodes.length; i++) 
        {
            node = navRoot.childNodes[i];
            if (node.nodeName=="LI") 
            {
                node.onmouseover=function() 
                {
                    this.className+=" over";
                }
                node.onmouseout=function() 
                {
                    this.className=this.className.replace(" over", "");
                }
            }
        }
    }
}
window.onload=startList

Is this a bug or is there something wrong in my code?

Cheers,
Joost

[1]:
<t:panelNavigation2 id="nav1" layout="list" itemClass="off"
activeItemClass="on" openItemClass="on"
					renderAll="true"
style="padding-left:15px;">
	<t:commandNavigation2 id="navItem1" onmouseover="hideOpen(this,
event);" onmouseout="showOpen(this, event);">
		<h:graphicImage
value="#{sessionVars.pathToImages}spacer.gif" width="8"/>
		<t:outputText value="#{webLabels['nav.myInfo']}"/>
		<h:graphicImage
value="#{sessionVars.pathToImages}spacer.gif" width="8"/>
		<t:commandNavigation2 id="navItem1_1"
onmouseover="hideOpen(this, event);" onmouseout="showOpen(this, event);"
activeOnViewIds="/user_dashboard_view" action="go_user_dashboard">
			<h:graphicImage
value="#{sessionVars.pathToImages}spacer.gif" width="8"/>
			<t:outputText
value="#{webLabels['nav.myInfo.myDashboard']}"/>
			<h:graphicImage
value="#{sessionVars.pathToImages}spacer.gif" width="8"/>
		</t:commandNavigation2>
       <//t:commandNavigation2>
</t:panelNavigation2>

[2]:
/faces/myFacesExtensionResource/org.apache.myfaces.renderkit.html.util.MyFac
esResourceLoader/11745609/navmenu.htmlnavmenu.HtmlPanelNavigationMenu/HMenuI
EHover.js