I'm using a tabPanel and cannot get the tabs to switch. When I move the mouse over to or click on a tab, I see this error:

Uncaught TypeError: Cannot call method 'replace' of undefined 3_3_3.Finalorg.ajax4jsf.javascript.PrototypeScript:107 Element.Methods.removeClassName 3_3_3.Finalorg.ajax4jsf.javascript.PrototypeScript:107 RichFaces.outTab tabPanel.js:18 onmouseout

<apex:outputPanel layout="none">
    <apex:tabPanel switchType="client" selectedTab="the1stTab" tabClass="activeTab" inactiveTabClass="inactiveTab">
    <apex:tab label="abc" title="abc" name="the1stTab" id="the1stTab">
        <apex:tab label="def" title="def" name="the2ndTab" id="the2ndTab">

Any advise why this happens?

  • Something isn't being initialized correctly. Can you post a snippet of your JavaScript and VF?
    – Mike Chale
    Commented Nov 21, 2013 at 15:56
  • Its not my JS, I think it's SF JS
    – Dedo
    Commented Nov 21, 2013 at 16:28
  • Did you try a different browser? Ensure that JS on the browser is not turned off.
    – subodhbahl
    Commented Nov 21, 2013 at 22:20
  • I didn't try other browsers because I'm using tabpanel on other pages and it is working fine. It is something specific to this page
    – Dedo
    Commented Nov 22, 2013 at 10:32
  • I faced the same issue and i solved it.Please find the link salesforce.stackexchange.com/questions/21207/…
    – sfdc
    Commented Dec 5, 2013 at 21:27

2 Answers 2


I just saw this happen on a Visualforce page I was developing. It appears to be a conflict of jQuery.

I added this code, and it resolved the issue for me.

<script type="text/javascript">
   var j$ = jQuery.noConflict();

From there, anywhere you reference jQuery, use j$ instead of $


You Can use, JQuery.noConflict() or Simple $.noConflict() for avoiding JQuery Conflict in script tag.

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .