I´m trying to run nivo slider in a joomla 2.5 site and too a custom html+php module where I need to put a datepicker.
In the custom module I insert this code:
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/datepicker.js"></script>
<link rel="stylesheet" type="text/css" href="css/datepicker.css" />
<?php
/* Here the code for the module */
Nivo slider inserts this html code:
<script type="text/javascript">
jQuery.noConflict();
jQuery(window).load(function() {
jQuery('#vt_nivo_slider196').nivoSlider({
effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
...
});
});
</script>
So with this code I can´t see the calendar (datepicker) and nivo slider doesn´t work (only a white space is shown).
If I delete the line jQyery.noConflict(); in the nivo slider code then I can see the calendar (datepicker) but nivo slider still doesn´t work (only a white space is shown).
If I delete the line with script type="text/javascript" src="js/jquery-1.4.2.min.js"> then I can see nivo slider working, buy I don´t see the calendar (datepicker).
In datepicker.js I have $(document).ready(function() { $(function() { ('#linkedDatepicker') ... more code, and (function($){$.extend($.ui,{datepicker:{version:"1.7.2"}});var PROP_NAME="datepicker";function Datepicker(){ ... more code
It seems to be a conflict with JQuery but I don´t know how to solve it.
Any help is highly appreciated.!
