Hello, Yes, this is another jQuery and Prototype incompatibility problem.
I am trying to use a jQuery plugin, Date Picker (http://www.eyecon.ro/ datepicker/), on a page that also has to use Scriptaculous. I *have* to use Prototype: it's a Rails (v1.1.6) application we use at work and I can't switch from Prototype to jQuery. I have used the noConflict() method, and it seems to work for jQuery, but not for the plugin. Here is the code of a page I wrote for testing: -------------------------------------------------------------------- <html> <head> <link href="/stylesheets/datepicker/datepicker.css?1238662849" media="all" rel="Stylesheet" type="text/css" /> <script src="/javascripts/prototype.js?1236688314" type="text/ javascript"></script> <script src="/javascripts/effects.js?1236688314" type="text/ javascript"></script> <script src="/javascripts/dragdrop.js?1236688314" type="text/ javascript"></script> <script src="/javascripts/controls.js?1236688314" type="text/ javascript"></script> <script src="/javascripts/application.js?1236688314" type="text/ javascript"></script> <script type="text/javascript" src="/javascripts/jquery.js"></ script> <script type="text/javascript" src="/javascripts/datepicker.js"></ script> <script> jQuery.noConflict(); jQuery(document).ready(function() { jQuery('#datepicker').html("jQuery seems to work... And the plugin? "); jQuery('#datepicker').DatePicker({ flat: true, date: '2009-01-01' }); }); </script> </head> <body> <div id="datepicker"></div> </body> </html> -------------------------------------------------------------------- So, Prototype and jQuery are both loaded, and I am able to change the html inside the div "#datepicker". Right. But the calendar should appear and it doesn't, that's where the incompatibility is. If I don't include the effects.js file (Scriptaculous), the calendar appears. But I have to include it... I uploaded my test page to my personal website for you to test : http://terrafgen.free.fr/jQuery/index.html is the page with effect.js loaded and the problem visible http://terrafgen.free.fr/jQuery/index2.html is the page without effect.js, and the plugin working. Please help me, I don't have a clue on how to solve this problem... Thank you.
