3 Replies Latest reply on Jun 29, 2010 4:57 AM by Ilya Shaikovsky

    Richfaces colorpicker stop working after start using jQuery

    Tharahan Muthu Newbie

      I am currently experiencing very annoying problem. I have color picker integrated in my page and working fine. I now use jQuery for drag and drop support and include the jQuery sources

           <script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script>
          <script type="text/javascript" src="/js/jquery.ui.core.min.js"></script>
          <script type="text/javascript" src="/js/jquery.ui.widget.min.js"></script>
          <script type="text/javascript" src="/js/jquery.ui.mouse.min.js"></script>
          <script type="text/javascript" src="/js/jquery.ui.draggable.min.js"></script>
          <script type="text/javascript" src="/js/jquery.ui.droppable.min.js"></script>


      All of sudden, my richfaces color picker stop working and throw the following errors

      Error: element.style is undefined
      Source File: http://tharahan.oak.yesmail.com:8080/a4j/g/3_3_1.GAorg/richfaces/renderkit/html/scripts/modalPanelBorders.js.jsf
      Line: 2

      Error: jQuery(".rich-color-picker-color").pngFix is not a function
      Source File: http://tharahan.oak.yesmail.com:8080/secure/messages/createMessageStep0.jsf
      Line: 1216

      Error: element.dispatchEvent is not a function
      Source File: http://tharahan.oak.yesmail.com:8080/a4j/g/3_3_1.GAorg.ajax4jsf.javascript.PrototypeScript.jsf
      Line: 265


      If I removed the

      <script type="text/javascript"  src="/js/jquery-1.4.2.min.js"></script>


      then works again.


      I tried everything including dynamically load the scripts using a4j:loadScript. Nothing help


      Any help will be appreciated.