Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to clear HTML content already sent to the browser, without JavaScript?
    primarykey
    data
    text
    <p>Bugzilla, Mozilla's issue tracker, has a nice loading screen while the search is being executed. In the days of Ajax, this is nothing special. They do it without any scripting, though, and I want to know how.</p> <p>For example: </p> <ol> <li>Disable JavaScript</li> <li>Open the following URL:<br> <a href="https://bugzilla.mozilla.org/buglist.cgi?short_desc=IDL&amp;resolution=---&amp;resolution=DUPLICATE&amp;query_format=advanced&amp;short_desc_type=allwordssubstr" rel="nofollow">https://bugzilla.mozilla.org/buglist.cgi?short_desc=IDL&amp;resolution=---&amp;resolution=DUPLICATE&amp;query_format=advanced&amp;short_desc_type=allwordssubstr</a></li> </ol> <p>You get a page with an animated image, the text "Please wait while your bugs are retrieved." and a title of "Bugzilla is pondering your search".</p> <h1>Update:</h1> <p>This is the entire DOM while the search is being executed. No meta refresh, no scripts.</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;title&gt;Bugzilla is pondering your search&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div style="margin-top: 15%; text-align: center;"&gt; &lt;center&gt; &lt;img width="160" height="87" alt="" src="extensions/BMO/web/images/mozchomp.gif"&gt; &lt;/center&gt; &lt;h1&gt;Please wait while your bugs are retrieved.&lt;/h1&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>After a while, the results page appears. The previous HTML vanishes and a completely new DOM appears, including a new title "Bug List".</p> <p>So my question is: how does this work exactly? Please don't list alternative techniques - I am not interested in loading screens at all, but want to use that exact mechanism for something completely different.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload