<html><head><meta http-equiv="Content-Type" content="text/html charset=utf-8"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class="">Hello Sabina,<div class=""><br class=""></div><div class="">Don’t know how you do javascript and JQuery in Seaside (I use Appex) but can’t you build something like this:</div><div class=""><br class=""></div><div class=""><a href="http://stackoverflow.com/questions/5525071/how-to-wait-until-an-element-exists" class="">http://stackoverflow.com/questions/5525071/how-to-wait-until-an-element-exists</a></div><div class=""><br class=""><div class="">
Maarten,<br class="">
</div><div class=""><br class=""></div><div class=""><br class="">
</div>
<br class=""><div><blockquote type="cite" class=""><div class="">On 25 Jul 2016, at 11:52, Sabine Manaa <<a href="mailto:manaa.sabine@gmail.com" class="">manaa.sabine@gmail.com</a>> wrote:</div><br class="Apple-interchange-newline"><div class=""><div class="">I create pdf reports which are converted to pngs for small previews (and<br class="">print/mail/export).<br class=""><br class="">When the user clicks at "report", there are several pdf reports and their<br class="">pngs generated in the background.<br class="">In this moment (When the user clicks at "report"), the application changes<br class="">to the reports page.<br class="">But in this moment, the repots possibly are not yet finished :-)<br class=""><br class="">So, I want to show a spinner/counter for each of the reports and update<br class="">each in the moment when the png is ready.<br class=""><br class="">I succeeded with all but the spinner/counter and the moment when the page<br class="">renders. Its to late.<br class=""><br class="">My problem is that the page is rendered only in the moment, when the code is<br class="">run. Not earlier.<br class="">I assume the onLoad is to late? I tried several things for several hours :-(<br class="">and now I want to ask the community.<br class=""><br class="">I reduced the problem to a very simple example: 2 methods with the question:<br class="">how to change this code to update the counter 1,2,3,4...<br class="">Very curious about a solution<br class=""><br class=""><br class=""><blockquote type="cite" class=""><blockquote type="cite" class="">renderContentOn: html<br class=""></blockquote></blockquote><span class="Apple-tab-span" style="white-space:pre"> </span>html div<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>id: 'image';<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>with: [ html text: 'Waiting for the report' ].<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span>html div<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>id: 'counter';<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>with: [ html text: 'This should count 1,2,3...' ].<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span>html document addLoadScript: (html jQuery ajax script: [ :script | self<br class="">loadScriptIndex: 1 script: script ])<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><br class=""><blockquote type="cite" class=""><blockquote type="cite" class="">loadScriptIndex: anIndex script: s <br class=""></blockquote></blockquote><span class="Apple-tab-span" style="white-space:pre"> </span>| theIndex |<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span>(Delay forMilliseconds: 100) wait.<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span>theIndex := anIndex.<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span>"aPngFilename asFileReference exists" anIndex > 50 "simulate file is there<br class="">after some time"<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>ifTrue: [ <br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>s << (s jQuery: #image)<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>replaceWith: [ :h | <br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>h text: theIndex asString.<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>h image<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>altText: 'Report';<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>width: '100%';<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>url: '<a href="http://localhost/reports/a.png" class="">http://localhost/reports/a.png</a>' ] ]<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>ifFalse: [ theIndex := theIndex + 1.<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>s << (s jQuery: #counter)<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>replaceWith: [ :h | <br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>h div<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>id: #counter;<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>with: [ h text: theIndex asString ] ].<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>self<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>loadScriptIndex: theIndex<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>script: s<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span> <br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span> <br class="">and possibly<br class="">registerTestApplication<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span>| theApplication |<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span>theApplication := WAAdmin register: RKATestView asApplicationAt: 'RKT'.<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span>theApplication<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>addLibrary: JQDeploymentLibrary;<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-tab-span" style="white-space:pre"> </span>addLibrary: JQUiDeploymentLibrary.<br class=""><span class="Apple-tab-span" style="white-space:pre"> </span>^ theApplication<br class=""><br class=""><br class=""><br class=""><br class=""><br class="">--<br class="">View this message in context: <a href="http://forum.world.st/show-spinner-until-something-is-done-tp4907725.html" class="">http://forum.world.st/show-spinner-until-something-is-done-tp4907725.html</a><br class="">Sent from the Seaside General mailing list archive at <a href="http://Nabble.com" class="">Nabble.com</a>.<br class="">_______________________________________________<br class="">seaside mailing list<br class=""><a href="mailto:seaside@lists.squeakfoundation.org" class="">seaside@lists.squeakfoundation.org</a><br class="">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside<br class=""></div></div></blockquote></div><br class=""></div></body></html>