Firefox scheinbar für asynchronen Ajax warten, bevor sie abgeschlossen DOM aktualisiert

Question

schrieb ich die folgende Funktion Text aus einer Protokolldatei zu erhalten und es als Klartext in einem neuen Browserfenster angezeigt werden:

function openLog(logFile) { 
    var win = window.open('', '_blank'); 
    var doc = win.document; 
    var title = doc.createElement('TITLE'); 
    var titleText = doc.createTextNode(logFile); 
    title.appendChild(titleText); 
    doc.head.appendChild(title); 
    doc.body.style.cursor='wait'; 

    $.ajax({ 
     type: 'GET', 
     url: '/getLog', 
     data: { logFile : logFile }, 
     success: function(log) {     
      var pre = doc.createElement('PRE'); 
      var preText = doc.createTextNode(log); 
      pre.appendChild(preText); 
      doc.body.appendChild(pre); 
      doc.body.style.cursor='default'; 
     }, 
     error: function() { 
      doc.body.style.cursor='default'; 
     } 
    }); 
}; 

Die ‚wartet‘ Cursor ist nützlich für große Protokolldateien.

In Chrome/IE wird der 'wait'-Cursor sofort angezeigt, während die asynchrone Ajax-Anforderung im Hintergrund ausgeführt wird. In Firefox wird nur der "Standard" -Cursor angezeigt, da er darauf wartet, dass die Ajax-Funktion zuerst beendet wird (und wenn er dies tut, wird er wieder auf "Standard" gesetzt).

Gibt es in Firefox eine Abhilfe dafür? Irgendwelche Vorschläge würden geschätzt werden.

Answer 1

Ich bin überrascht, dass es in jedem Browser funktioniert - ein neu geöffnetes Fenster hätte einen Körper mit null Inhalt also null Größe - wie "schweben" Sie über nichts, um den aktuellen Cursor auf den angegebenen zu ändern? Ich denke, Firefox ist der einzige Browser, der sich korrekt verhält !!

Dass gesagt wird - Blindkode

function openLog(logFile) { 
    var win = window.open('', '_blank'); 
    var doc = win.document; 
    var title = doc.createElement('TITLE'); 
    var titleText = doc.createTextNode(logFile); 
    title.appendChild(titleText); 
    doc.head.appendChild(title); 
    // change from here 
    var html = doc.documentElement; 
    html.style.cursor = 'wait'; 
    html.style.minHeight = '100vh'; 
    // changes finished 
    // 
    // dummy setTimeout for testing 
    setTimeout(function() { 
     // remove the cursor from HTML element 
     html.style.cursor = 'default'; 
    }, 4000); 
}; 
openLog('banana'); 

ich es als ein ausführbaren Code-Schnipsel schreiben würde, aber wer will SO, damit Popups für diese nur öffnen: p

I body.parentElement verwenden (dh das HTML-Element) - weil dies für body endet mit einer vertikalen Bildlaufleiste