title: JSF <trh:script>rendering and running order
body: <p>what is the order the javascipt function is running. each browser do something else
  for example I have this code: </p>
  
  <pre class="lang-html prettyprint-override"><code>  &lt;h:panelGrid id="panel" columns="2" border="1" cellpadding="0" cellspacing="2"&gt;
      &lt;f:facet name="header"&gt;
          &lt;h:outputText value="#{messages.signInMessage}"/&gt;
      &lt;/f:facet&gt;
      &lt;h:outputLabel for="username" value="#{messages.usernameLabel}" /&gt;
   &lt;/h:panelGrid&gt;
   &lt;trh:script&gt;
         // do some logic
         // alert("end!");
   &lt;/trh:script&gt;
  </code></pre>
  
  <p>I want that the script will run always after the panel is fully rendered so I could take his width for example and do with this something the the javascript function.</p>
  
  <p>this works fine with in all browsers except for IE 8 
  the script is running before the panel was fully rendered.</p>
  
  <p>any one can help me understand this issue , what is the correct order 
  in more genreal what are the difference between the browsers : IE,Chrome,FF etc..</p>