<div>Hello.<br></div><div><br></div><div><br></div><div><br></div><div class="gmail_quote">2012/11/27 Paul DeBruicker <span dir="ltr"><<a href="mailto:pdebruic@gmail.com" target="_blank">pdebruic@gmail.com</a>></span><br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">It looks like the images aren't loaded until after the Javascript is<br>
loaded and compilied. Can you move the javascript to the end of the<br>
document rather than having it in the HEAD? I don't use pier so don't<br>
know if that's easy or not. Also the bootstrap JS relies upon jQuery so<br>
you might benefit from having jQuery load first. Not sure about the<br>
pier.js stuff.<br>
<br>
<br>
I just use a component at the end of the page with a render method like<br>
<br>
addJsToPage:html<br>
html script resourceUrl:'js/JQuery.minjs'.<br>
html script resourceUrl: 'js/site.js'<br>
<br>
at the base of my main component to load JS at the end.<br>
<br>
<div class="HOEnZb"><div class="h5"><br>
</div></div></blockquote></div><div><br></div><div>For full control of where (in head or body) and the order in that the external resources are loaded in Pier based apps, instead to use Libraries configuration, I make a PierFrame subclass like this:</div>
<div><br></div><div>PRPierFrame subclass: #MyPierFrame.</div><div><br></div><div>MyPierFrame>>renderContentOn: html<br> super renderContentOn: html. "this render Pier components..."<br>        </div><div> html script resourceUrl:'js/JQuery.minjs'. "Load resources at end of body"<br>
html script resourceUrl: 'js/site.js'</div><div>html document addLoadScript: ((html jQuery: '*[title]') removeAttribute: 'title')</div><div> </div><div>Then I register this class as root component in the app.</div>
<div><br></div><div><br></div><div>This is </div><div><br></div><div>my 2cents.</div><div><br></div><div>Regards.</div><div><br></div>