All geek questions in one place

Strange jQuery AJAX Firefox Issue - Page won't accidentally end up Loading

I have this strange problem with my web application. You see, I use jQuery with the forms API and do $ ('# MyForm'). AjaxSubmit (api parms and callback function).

Incidentally, when I do this, however, and only in Firefox, the page load icon starts to rotate, the page load progress indicator starts in the status bar, and the stop button turns red - but she already placed the form and gave the result. If I refresh the page and keep trying to do this, it randomly detects a problem, but not sequentially.

This issue occurred on FF2 on Windows 2008 Server and FF3 on Ubuntu 8.04. The problem is not observed with IE6, IE7, Opera (latest stable version, November 2008) or Safari (latest stable version, November 2008).

Is this just a known bug in FF with AJAX, or can I do something with jQuery to stop the page loading problem?

EDIT: This may have something to do with TinyMCE. I cannot confirm this 100%, but when I use jQuery to return a form using the TinyMCE control, the problem seems to occur more often. I tried to do this with a form that does not have TinyMCE control on it several times, and there could not be a problem. Again, this is not convincing, but it can be a factor.

EDIT: Well, I just commented on TinyMCE stuff, and I can confirm that the problem goes away then. If I go back to managing TinyMCE, the problem will be random.

+3
source share
4 answers

I had this problem when I was working on a site that heavily used iframes. If I remember correctly, a simple way to cure this is to create another iframe on the top page with a minimum height / width and name it frameFix or similar.

Then from the Iframe content pages, use the body load event to write an empty line, then close the frameFix iframe. This causes the status bar to fully load.

eg

Iframe content page

<body onload="javascript:progressBarHack()">

function progressBarHack(){
   top.frameFix.document.write("");
   top.frameFix.close();
   return;
}
0
source

, firebug, exaclty, , javascript.

0

, - redsquare, .

AJAX (jQuery Form Plugin API .ajaxSubmit(), ), . "" "" , firefox .

, , IFRAME :

<iframe frameborder="0" src="http://mysite.com/fixdoc.html" id="frameFix" height="1" width="1" style="position: relative; left: -500px"></iframe>

fixdoc.html, HTML- .

, , Save Cancel , :

var ifr = document.getElementById('frameFix');
var doc = ifr.contentDocument;
if (doc == undefined || doc == null)
doc = testFrame.contentWindow.document;
doc.open();
doc.write(' ');
doc.close();

- Firefox, .

0

, iframe:

function loadIframeContent() {
    $.post(
        '/my/content/url',
        $('#my-form').serialize(),
        function (data) {
            $('#my-preview-div-with-iframe').dialog('open');
            $('#id-on-my-iframe-tag')[0]
                .contentWindow
                .document
                .write(data);

            resizeIframeToContent();
        },
        'html'
    );
}

:

            var $document = $('#id-on-my-iframe-tag')[0]
                .contentWindow
                .document;    
            $document.open();
            $document.write(data);
            $document.close();

, document.write(data) , , , . document ( , Firefox 3), - $document .

TinyMCE, .

0

Source: https://habr.com/ru/post/1699544/

More articles:


All Articles