[SOLVED] jQuery plugins and Scriptaculous
Hello,
Yes, this is another jQuery and Prototype incompatibility problem.
I am trying to use a jQuery plugin,
Date Picker, on a page that also has to use Prototype.
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 :-/
Please help me, I don't have a clue on how to solve this problem...
Thank you.