We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 43600
    • 3 Posts
    Hey guys, specifically (Willi Waizenegger)... I have hit a bit of a wall here with events calendar2.

    As far as I can tell I have followed the steps to set up this package but still have a few issues.
    1. I downloaded and installed.
    2. as for the jquery I added <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> to the <head> section of my whole site so technically this is ´called´ to every page including the page on which I want my calendar.
    3. I set a specific page as container.
    4. I set up a TV called event_date, input type 'date' and container can see it.
    5. I set up a call in container that looks like this:

    [[!eventsCalendar2? &dateSource=`tvevent_date` &first_day=`1`]]

    Now my calendar shows up on the page and shows any events that I set up as resources within the container and I have edited the css to customize it for my page.

    # > My first issue is that when I hover over the green date with event the little pop up screen
    showing title and link to event will not show up!

    (I also have mxCalendar downloaded as I was experimenting with that too and strangely if I put a simple call for mxCalendar [[!mxCalendar]] in to the same page as I put events calendar this little pop up of events calendar actually appears!! when I take out the mxCalendar call the pop up of events calendar does not appear anymore...) - Does this perhaps shed any light on what I may have over looked for E.C. to function properly?)

    As a temporary fix I added <div style="display: none;">[[!mxcalendar]]</div> to the page.
    this removes the mxCalendar from view and keeps the functionality of the events calendar2 - ie: the little pop up appears for the dates with events.

    # > My second issue is that if I click prev or next to view the next months( or previous months) the calendar screen fades a little and nothing happens... perhaps an ajax issue I am missing??

    Any help with this would be greatly appreciated.

    Cheers
      • 34084 ☆ A M B ☆
      • 756 Posts
      The basic settings and default values for mxCalendar would be using the jQuery lib version 1.7.2 (//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js) vs the latest, which might be worth testing by changing your template jQuery source. Then the second JS library is the shadowbox.js packaged in with mxCalendar. Based on that information I'd say that you have a version issue with the latest jQuery (1.9.1) which is causing the display modal to not function when the mxCalendar snippet is not included. Try testing with the 1.7.1 version without the mxcalendar snippet call and let us know if that works.

      Cheers
        Evo Revo // Ubuntu, CentOS, Win // Apache 2x, Lighttp (Lighty)
        Visit CharlesMx.com for latest news and status updates.
        • 43600
        • 3 Posts
        CharlesMx, thank you for your very fast response.. well I have done as you said and included the 1.7.1 and taken out the "temp fix" mxcalendar snippet call and things are looking good!

        As it stands when I hover over a date with event the small display modal now appears, from which I can follow the title link and it will take me to the event page from there I can use my nav menu to get back to original calendar screen.

        unfortunately when I click prev or next to change month the calendar will still fade white and nothing will happen from there... until I manually refresh page bringing me back to current calendar view.
        do you think that I need to add/create some sort of new ajax resource like in mxcalendars to function?

        cheers
          • 34084 ☆ A M B ☆
          • 756 Posts
          Quote from: adammatthews at Jun 04, 2013, 12:04 AM

          unfortunately when I click prev or next to change month the calendar will still fade white and nothing will happen from there... until I manually refresh page bringing me back to current calendar view.
          do you think that I need to add/create some sort of new ajax resource like in mxcalendars to function?

          cheers

          You might try to incrementally increase your jQuery versions to see if one of the newer release methods is whats being used by evetscalendar2. Sorry, I'm not sure what jQuery methods that extra is using.

          Cheers
            Evo Revo // Ubuntu, CentOS, Win // Apache 2x, Lighttp (Lighty)
            Visit CharlesMx.com for latest news and status updates.
            • 31902
            • 342 Posts
            The author of this system has been an incredible help to me in the past when I was first trying it out. His name is Vasiliy Naumkin. Take a look at reply #17 here: https://forums.modx.com/thread/74010/eventscalendar2---a-quick-tutorial?page=2#dis-post-421797 of this thread. He posted there and I think you should be able to PM him through his name there (never tried it through this forum, though). He's in Russia and has authored a bunch of good components.
              • 33991
              • 65 Posts
              Please update your calendar to a new version.

              Now ot works with jQuery 1.9+
                • 43600
                • 3 Posts
                hey guys, first I´d like thank you for all the advice you have given so far, and thank you very much Vasiliy for the heads up on the new version wink

                so just to give an overview...
                I have installed eventsCalendar2 2.2.4-pl and I have tried various versions of jQuery from 1.7 up to 1.10 and even the 2.0, what is happening is that with various different versions the modal display(pop up) will appear when I hover over an ´isevent´ day, so that part is functioning ok. I can also click into my event to bring me to the event page.

                when installing I:
                1. downloaded and installed.
                2. added <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> to the <head> section of my whole site.



                #Do I need to do anything with this: the JS file or just leave it where it is for ec2 to find?#

                // Month changing
                $(document).on('click', '#Calendar .prev a, #Calendar .next a', function() {
                var cal = $(this).parentsUntil('.calendar').parent();
                var href = $(this).attr('href');
                cal.css('opacity', 0.7);

                var width = cal.css('width');
                var height = cal.css('height');
                cal.parent().find('.cover').css({'width': width, 'height': height, 'margin-top': '-' + height}).show();

                $.get(href, function(data) {
                cal.parent().find('.cover').hide();
                cal.replaceWith(data);
                }
                );
                return false;
                });

                // Display events
                $(document).on('mouseenter', '#Calendar .isevent', function() {
                $('#' + this.id + ' .event').show();
                });
                $(document).on('mouseleave', '#Calendar .isevent', function() {
                $('#' + this.id + ' .event').hide();
                });



                3. set a specific page as container.
                4. set up a TV called event_date, input type 'date' and container can see it.(I left output type as default - Is this correct?)
                5. set up a call in container `content` that looks like this:

                [[!eventsCalendar2? &dateSource=`tvevent_date` &first_day=`1`]]

                To summarize it´s still just the months that aren´t changing, with some versions of jQuery the modal view will not appear but when I click prev or next month I am brought back to my home page?? Does this give you any insight?

                Thank you once again for all your help with this frustrating but no doubt "easy once you know how" problem wink

                Adam