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

    rich:tabPanel - Javascript errors - tabPanel.js

    massep

      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>