2 Replies Latest reply on Sep 23, 2008 5:34 AM by hyph3n

    Problem while integrating jQuery

    hyph3n

      Hi,

      I have read the tutorial over http://livedemo.exadel.com/richfaces-demo/richfaces/jQuery.jsf;jsessionid=6E003F42820E67DE288F81B792CF7915?c=jQuery&tab=usage to integrate the jQuery in richFaces.

      Eearlier, I had following jQuery script ..

      $().ready(function() {
       $("#MySplitter").splitter({
       type: 'v',
       initA: true, // use width of A (#LeftPane) from styles
       accessKey: '|'
       });
       // Firefox doesn't fire resize on page elements
       $(window).bind("resize", function(){
       $("#MySplitter").trigger("resize");
       }).trigger("resize");
      });
      


      which i replaced with this one
      <rich:jQuery selector="#flexible-top" name="mysplit" query="splitter({type: 'v',initA: true, accessKey: '|' })" timing="onload"/>
      


      Now, the jQuery is working fine but other richface components (tabs, calendar) has stopped working. How can i fix it ?

        • 1. Re: Problem while integrating jQuery
          hyph3n

          I pasted the code in hurry .. the selector in <rich:jQuery> is MySplitter not flexible-top

          i.e

          <rich:jQuery selector="#MySplitter" name="mysplit" query="splitter({type: 'v',initA: true, accessKey: '|'})" timing="onload"/>
          



          • 2. Re: Problem while integrating jQuery
            hyph3n

            ok, i have resolved the problem. I added the following code in the page and it worked like charm

            <script language="javascript">
             jQuery.noConflict();
            </script>
            


            the above code was added after <f:view> tag.