Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

All other Modules

Discuss all other Modules here.

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba, simon_w

Event Calendar month previous and next arrows trigger my other jquery in page


Reply

3 Posts   1497 Views

Avatar
TF-35Lightning

15 September 2010 at 3:53am Community Member, 137 Posts

Hi all and UncleCheese,
Thanks for replying to my other post about removing the side arrows, figured that out which is great.

My other issue I am having is that when I click the previous or next arrows next to the Month dropdown box, they seem to trigger my jcarousel jquery component which I have also in the page.

Just wondering how I prevent that?
I also posted a question about uploadify file size issue in the Dataobject forum.

Any help would be great

Avatar
UncleCheese

15 September 2010 at 4:27am 4085 Posts

There's probably a naming collision on the class names of those arrows. You can always copy LiveCalendarWidget.ss to your theme directory and make changes to the classnames.

--------------------
SilverStripe tips, tutorials, screencasts and more: http://www.leftandmain.com

Avatar
TF-35Lightning

16 September 2010 at 2:19am Community Member, 137 Posts

Hi unlcecheese I chekced through and search for these class names in myjcarousel but couldnt find any duplicates.

I treid searching for "month-nav" and refreshLink"

Do you have any other suggestions? Remember that jcarousel is only refreshing on the click, I mean I could possible put up with it but its quite annoying.

live_calendar_widget.js below

(function($){
$(function(){
var refreshLink = function() {
$('#live-calendar-widget').load($(this).attr('href'),bind);
return false;
}
var refreshSelect = function() {
   $t = $(this);
   if($t.val().match('LiveCalendarWidget_Controller'))
    $('#live-calendar-widget').load($t.val(),bind);
    else
       document.location = $t.val();
}
var bind = function() {
$('.month-nav').click(refreshLink);
$('#live-calendar-widget-navigator').change(refreshSelect);
}
bind();
});
})(jQuery);

Any other help would great