[jQuery] jQuery plugins and Scriptaculous
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.