11 Replies Latest reply on Apr 29, 2008 4:57 AM by llper llpah

    rich:tabPanel - Javascript errors - tabPanel.js

    Pierre Masse Newbie

      Hi,

      I'm currently evaluating richFaces (newbie) and can't get the tabPanel to work. They display but the mouseover the tab and clicking the tab generates javascript errors.

      MouseOn:
      Error: Element.addClassName is not a function
      Source File: http://localhost/SSHRCJSF/faces/a4j_3_1_4.GAscripts/tabPanel.js
      Line: 17

      MouseOff:
      Error: Element.removeClassName is not a function
      Source File: http://localhost/SSHRCJSF/faces/a4j_3_1_4.GAscripts/tabPanel.js
      Line: 18

      Click:
      Error: $ is not defined
      Source File: http://localhost/SSHRCJSF/faces/a4j_3_1_4.GAscripts/tabPanel.js
      Line: 4

      I suspect the .JS in question is not getting to get browser (FF 2).

      Any idea what I should check next?

      Thanks

      Here's my jsp page, pretty simple:

      <%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
      <%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
      <%@taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
      <%@taglib uri="http://richfaces.org/rich" prefix="rich"%>
      <f:subview id="bodyContent">
      <f:loadBundle basename="resources.ApplicationResources" var="commonBundle"/>
      <h:messages layout="table" globalOnly="true" styleClass="error"> </h:messages>
      <rich:tabPanel switchType="client">
      <!--//Set of Tabs inside-->
      <rich:tab id="tab1" label="tab1">
      <h:outputText value="tabbbbbbbbbbbbbbb 1"> </h:outputText>
      </rich:tab>
      <rich:tab id="tab2" label="tab2">
      <h:outputText value="tabbbbbbbbbbbbbbb 2"> </h:outputText>
      </rich:tab>
      <rich:tab id="tab3" label="tab3">
      <h:outputText value="tabbbbbbbbbbbbbbb 3"> </h:outputText>
      </rich:tab>
      <rich:tab id="tab4" label="tab4">
      <h:outputText value="tabbbbbbbbbbbbbbb 4"> </h:outputText>
      </rich:tab>
      <rich:tab id="tab5" label="tab5">
      <h:outputText value="tabbbbbbbbbbbbbbb 5"> </h:outputText>
      </rich:tab>
      <rich:tab id="tab6" label="tab6">
      <h:outputText value="tabbbbbbbbbbbbbbb 6"> </h:outputText>
      </rich:tab>
      </rich:tabPanel>
      </f:subview>