Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>--- Post-clarification Answer ---</p> <p><em>My original answer should be useful to someone (I hope), but it isn't a direct response to the question, so I'll post another answer</em></p> <p>The answer to your restated question is "no". In the case of FF, there is a predefined initial render delay, but other browsers will be different. That FF render delay can be tweaked as well.</p> <p>Using FF as an example, those initial 250ms are time for FF to find out at least <em>some</em> useful information before attempting the first render. It then does additional renders periodically as it learns more.</p> <p>There is no way for you to determine when the browser has started to render the HTML document.</p> <p>--- Original Answer ---</p> <p>To directly answer your question, I believe Firefox waits 250ms before acting on the first data received, but that can be changed. For other browsers, I don't know.</p> <p><strong>However, you don't want to go that route.</strong></p> <p>When jQuery is ready to work its magic, it'll let you know by firing <code>$(document).ready()</code>. Before then, any attempt to use jQuery will fail. In other words, your spinner isn't showing up because jQuery isn't ready to process that request yet.</p> <p>Consider the following example, where two placeholders are shown on-screen, and we'll use jQuery to hide them.</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script&gt; // We're not ready yet. This will fail. $(".placeholder").hide(); $(document).ready(function(){ // This won't fail $("#one").hide(); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="one" class="placeholder"&gt;Placeholder One&lt;/div&gt; &lt;div id="two" class="placeholder"&gt;Placeholder Two&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>It may appear at first that <code>$("#one").hide();</code> is redundant, but that's not true. <code>$(".placeholder").hide();</code> is called before jQuery is ready, so it has no effect, which is why you'll see "Placeholder Two" displayed (and not "Placeholder One") if you run the markup above in a web browser.</p> <p>Now that we have that out of the way, the solution to the larger problem (the "right way") is AJAX.</p> <ol> <li>Load a base page that contains the spinner code. Make sure the code to load the spinner runs as part of <code>$(document).ready()</code>.</li> <li>Use <a href="http://api.jquery.com/category/ajax/" rel="nofollow noreferrer">jQuery's AJAX functionality</a> to get the report you want.</li> <li>When it comes back, hide the spinner, inject the report into your base page.</li> </ol> <p>Good luck!</p>
    singulars
    1. This table or related slice is empty.
    1. POWhen do browsers start to render partially transmitted HTML?
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USE-man
    1. USE-man
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POWhen do browsers start to render partially transmitted HTML?
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COE-man - Where did you get the 250ms number? You're the second person to say that what I'm doing is not what I want to do. Ok, but why? Is it unreliable? This is an in-house app where using FF is required so I'm not worried about other browsers (but would like to know that too). I'm aware of the AJAX approach but was trying to avoid the extra complexity. About your example - I think you're saying that the initial hide() won't work because jQuery isn't ready but my current code works fine and does so by invoking jQuery before document.ready fires. Am I missing something?
      singulars
      1. PO
      1. USDaveBurns
    2. COFor the 250ms http://hackaday.com/2004/12/26/speed-up-firefox/ You can't use jQuery before $(document).ready() fires-- I think your comment loop is forcing a "ok something is stalled, let's take what we've got for now" situation in FF (best guess). It isn't normal, I'm sure of that. I'll answer the restated question in another Answer.
      singulars
      1. PO
      1. USE-man
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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