We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
MODX Community Forums Archive

Modal Ajax view does not work in IE

    • 32025
    • 305 Posts
    Dayton Web Design Reply #1, 11 years, 1 month ago
    I am having a problem opening the modal window in IE. When click a link on the calendar, the whole page redirects instead of a shadowbox opening. Also when I click the previous and next arrows, it forwards to a blank page. If I hit the Today button same thing. The shadowbox opens just fine in Mozilla, and the arrow links on top work well too. These issues only seem to be in IE. Please see it live here: http://www.pinecovecampground.com/events.html

    Here is my default calendar view snipplet:
    <span class="calendarLeft">[[!mxcalendar?&displayType=`calendar`&ajaxResourceId=`10`&modalView=`true`]]</span>
<span class="calendarRight">[[!mxcalendar?&displayType=`list`&isLocked=`true` &sort=`startdate` &dir=`ASC`]]</span>


    Here is my AJAX snipplet:
    <span class="mxModal">[[!mxcalendar@mx?  &ajaxResourceId=`10` &resourceId=`4` &isLocked=`0` &modalView=`1`]]</span>


    I love the modal window, I just need it to now work in IE as well.
      Making the web a better place on site at a time! Dayton Web Design: http://www.dayton-web-design.com/
    • sottwell Reply #2, 11 years, 1 month ago
      I noticed that there doesn't seem to be a doctype declaration on your calendar pages. That can cause all kinds of interesting things to happen, especially with IE. Did you try running your pages through the W3C validator? That can help pinpoint any number of problems.
        Studying MODX in the desert - http://sottwell.com
        Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
        Join the Slack Community - http://modx.org
        • 32025
        • 305 Posts
        Dayton Web Design Reply #3, 11 years, 1 month ago
        OK. Yes my doctype was missing and this was a big problem. I added this: <!DOCTYPE html> becuase it's HTML 5. And guess what? The ajax popup is now working properly, just like you suspected. I did run the W3C validator and I did get several errors. Most were small and unrelated. The larger issues I completely deleted temporarily from the template to see if it would fix (after a hard refresh) and none of them solved the issue.

        So the doctype fixed the AJAX popup when an event is clicked on however; the previous, next, and today functions on top of the calender return a blank page. This might help, when I view the source of the blank page (after clicking the previous, next, and today functions) all I see is this in the source code:
        <script id=__ie_ondomload defer=true src=//:></script>
        It only shows in IE where the problem persists. In Firefox all is well.

        What the heck is that? If my suspicions are right, this is the problem. The only issue is I don't know how to fix it and where the problem is located. Any ideas?
          Making the web a better place on site at a time! Dayton Web Design: http://www.dayton-web-design.com/
          • 32025
          • 305 Posts
          Dayton Web Design Reply #4, 11 years, 1 month ago
          I am so close to finish. All I need is this one IE issue resolved. Does anyone know what this javascript means?
          <script id=__ie_ondomload defer=true src=//:></script>
          Can I turn it off somewhere? It look like it's something related to IE and that's why my page is blank in IE I am guessing. See there is no source code there as well.
            Making the web a better place on site at a time! Dayton Web Design: http://www.dayton-web-design.com/
          • sottwell Reply #5, 11 years, 1 month ago
            Try a Google search with that string; it is in particular reported as a bug in the swfobject package.

            It also appears to be the results of trying to return a full HTML page as an AJAX response.
              Studying MODX in the desert - http://sottwell.com
              Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
              Join the Slack Community - http://modx.org
              • 32025
              • 305 Posts
              Dayton Web Design Reply #6, 11 years, 1 month ago
              Quote from: sottwell at Mar 30, 2013, 07:06 AM
              Try a Google search with that string; it is in particular reported as a bug in the swfobject package.

              It also appears to be the results of trying to return a full HTML page as an AJAX response.

              Yeahhhhh! Thank you for pointing me in the right direction. The fix can be found here: http://stackoverflow.com/questions/10309829/jquery-permission-denied-when-using-ajax-in-ie

              Apparently the blank template that houses the AJAX page (snipplet call) should not have the headers and body tags. Since it was a blank template page, I assumed it has to have these header and body tags, which was false. This is all your need in your blank template page: [[*content]].
                Making the web a better place on site at a time! Dayton Web Design: http://www.dayton-web-design.com/