IE ajax issue for prev and next month links

[Matt]

I have two calendars on my site:
1. on the Dates and Reservations tab
http://chicabrava.thrivenetmarketing.com/surf-camps/cloud-farm/
and
2. http://chicabrava.thrivenetmarketing.com/calendar/?r=reservation

They are both in a sidebar widget using a plugin called Widget on Pages, which creates a shortcode to show what would be in a widget, on a page. Both are working in FF and Chrome. The ajax is not working on calendar #2 listed above in Internet Explorer, but works fine on item #1 in Internet Explorer. On calendar #2, the page will reload without ajax.
The difference between calendar 1 and 2, that is calendar 2 uses the Events List Advanced Widget to display the calendar, while calendar 1 uses the Events Calendar widget (keeping in mind that both are within a sidebar widget being displayed on a page).
So, what I need is help determining why the page won’t reload with ajax in IE for the second calendar item. Any help is appreciated. Thanks!

[Barry]

If you have a suitable version of Internet Explorer (9 or 10) can you open the developer (Javascript) console, try to replicate the problem and report back with any errors that the system records in the console?

That would be really helpful 🙂

[Matt]

Barry,

There is no error reported in the console, and I am using IE 9.

[Barry]

Can I just clarify something (in case I’m misunderstanding):

http://chicabrava.thrivenetmarketing.com/calendar/?r=reservation

At the above URL, the calendar is being rendered via the Events List Advanced Widget – is that correct?

[Matt]

Here is better example with the same behavior. We have a blank theme, and no other plugins activated: http://workshop.thrivenetmarketing.com/responsive/events/
It is the regular calendar on the page, not using any other plugins to show it.
This calendar is acting the same way in IE 9 as on the other site, where the page reloads when you use the prev and next month links. The ajax is not functioning properly. This only happens in IE, and looks like something is an issue in the events calendar plugin. I hope this new example is more clear. Could this possible be an issue with the Events Calendar plugin?

[Matt]

Also, there are no errors in the Console on the new example.

[Barry]

I see. Something to bear in mind is that, yes, ajax is being used – but we’re specifically using the pjax library, a stated aim of which is:

The idea is you can’t tell the difference between pjax page loads and normal page loads.

It could be this is more/less successful in one browser than it is on the next, so it may be that this is especially true when it is used in Internet Explorer: what I mean is, you’re telling me that the page reloads successfully – great! – that is indeed a stated aim of one the libraries we are using.

If you think there is still a problem can you point to why you think it isn’t operating as expected (if I’m misunderstanding please just say)?

[Matt]

Are you saying that pjax doesn’t work in IE9 and below?

[Matt]

If that’s the case then does the calendar widget not use pjax because it works in just fine in IE9?

[Barry]

Are you saying that pjax doesn’t work in IE9 and below?

No I’m not say that. It’s possible there is a problem in old versions of IE and indeed other browsers – but I’m not aware of any specific cases.

What I am saying is, in an ideal world there should be no perceptible difference between a normal page load and a pjax page load, other than one may be either slightly faster than the other, or at least less resource intensive. Ideally, both of those.

So … what you are telling me is that you are seeing a normal page load – that’s good, that’s what you should think you are seeing. If you can point specifically to something that indicates pjax isn’t working at all then we can look into it, though.

If that’s the case then does the calendar widget not use pjax because it works in just fine in IE9?

Exactly so: the calendar widget doesn’t use pjax, just normal ajax, so the experience is different.

[Barry]

Hey Matt: just checking in. Are you happy here or do you have any further questions about the behaviour of your site with Internet Explorer that we can help with?

[Matt]

Apparently the way Events Calendar uses PJAX the page has to reload in IE but I found a work around by loading the calendar in an iframe. Just wish the grid view Events Calendar could show more dates without causing a page reload in IE.

[Barry]

OK – sounds like you ideally want to see the calendar change and only the calendar – as happens with the calendar widget. So long as you’re happy and have a working solution though that’s the important thing – thanks for reporting back 🙂

[Author]

Posts