<div dir="ltr">Hi Maarten,<div><br></div><div>I am just experimenting with it and it seems to work in my small example. You brought my thoughts in a new direction - thanks a lot for it!</div><div><br></div><div>I started with adding it as html script: '' and will change it to smalltalk code later.</div><div>I replaced the check for a dom element in the example with the check if the file on the server exists. </div><div><br></div><div>Regards</div><div>Sabine</div></div><div class="gmail_extra"><br><div class="gmail_quote">2016-07-25 22:12 GMT+02:00 Maarten Mostert-2 [via Smalltalk] <span dir="ltr"><<a href="/user/SendEmail.jtp?type=node&node=4908028&i=0" target="_top" rel="nofollow" link="external">[hidden email]</a>></span>:<br><blockquote style='border-left:2px solid #CCCCCC;padding:0 1em' class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><span class="">
Hello Sabina,<div><br></div><div>Don’t know how you do javascript and JQuery in Seaside (I use Appex) but can’t you build something like this:</div><div><br></div><div><a href="http://stackoverflow.com/questions/5525071/how-to-wait-until-an-element-exists" rel="nofollow" link="external" target="_blank">http://stackoverflow.com/questions/5525071/how-to-wait-until-an-element-exists</a></div></span><div><br><div>
Maarten,<br>
</div><div><br></div><div><br>
</div>
<br><div><blockquote style='border-left:2px solid #CCCCCC;padding:0 1em' style="border-left:2px solid #cccccc;padding:0 1em" type="cite"><div><div class="h5"><div>On 25 Jul 2016, at 11:52, Sabine Manaa <<a href="http:///user/SendEmail.jtp?type=node&node=4907892&i=0" rel="nofollow" link="external" target="_blank">[hidden email]</a>> wrote:</div><br></div></div><div><div><div><div class="h5">I create pdf reports which are converted to pngs for small previews (and<br>print/mail/export).<br><br>When the user clicks at "report", there are several pdf reports and their<br>pngs generated in the background.<br>In this moment (When the user clicks at "report"), the application changes<br>to the reports page.<br>But in this moment, the repots possibly are not yet finished :-)<br><br>So, I want to show a spinner/counter for each of the reports and update<br>each in the moment when the png is ready.<br><br>I succeeded with all but the spinner/counter and the moment when the page<br>renders. Its to late.<br><br>My problem is that the page is rendered only in the moment, when the code is<br>run. Not earlier.<br>I assume the onLoad is to late? I tried several things for several hours :-(<br>and now I want to ask the community.<br><br>I reduced the problem to a very simple example: 2 methods with the question:<br>how to change this code to update the counter 1,2,3,4...<br>Very curious about a solution<br><br><br><blockquote style='border-left:2px solid #CCCCCC;padding:0 1em' style="border-left:2px solid #cccccc;padding:0 1em" type="cite"><blockquote style='border-left:2px solid #CCCCCC;padding:0 1em' style="border-left:2px solid #cccccc;padding:0 1em" type="cite">renderContentOn: html<br></blockquote></blockquote><span style="white-space:pre-wrap"> </span>html div<br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span>id: 'image';<br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span>with: [ html text: 'Waiting for the report' ].<br><span style="white-space:pre-wrap"> </span>html div<br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span>id: 'counter';<br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span>with: [ html text: 'This should count 1,2,3...' ].<br><span style="white-space:pre-wrap"> </span>html document addLoadScript: (html jQuery ajax script: [ :script | self<br>loadScriptIndex: 1 script: script ])<br><span style="white-space:pre-wrap"> </span><br><blockquote style='border-left:2px solid #CCCCCC;padding:0 1em' style="border-left:2px solid #cccccc;padding:0 1em" type="cite"><blockquote style='border-left:2px solid #CCCCCC;padding:0 1em' style="border-left:2px solid #cccccc;padding:0 1em" type="cite">loadScriptIndex: anIndex script: s <br></blockquote></blockquote><span style="white-space:pre-wrap"> </span>| theIndex |<br><span style="white-space:pre-wrap"> </span>(Delay forMilliseconds: 100) wait.<br><span style="white-space:pre-wrap"> </span>theIndex := anIndex.<br><span style="white-space:pre-wrap"> </span>"aPngFilename asFileReference exists" anIndex > 50 "simulate file is there<br>after some time"<br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span>ifTrue: [ <br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span>s << (s jQuery: #image)<br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span>replaceWith: [ :h | <br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span>h text: theIndex asString.<br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span>h image<br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span>altText: 'Report';<br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span>width: '100%';<br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span>url: '<a href="http://localhost/reports/a.png" rel="nofollow" link="external" target="_blank">http://localhost/reports/a.png</a>' ] ]<br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span>ifFalse: [ theIndex := theIndex + 1.<br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span>s << (s jQuery: #counter)<br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span>replaceWith: [ :h | <br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span>h div<br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span>id: #counter;<br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span>with: [ h text: theIndex asString ] ].<br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span>self<br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span>loadScriptIndex: theIndex<br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span>script: s<br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span> <br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span> <br>and possibly<br>registerTestApplication<br><span style="white-space:pre-wrap"> </span>| theApplication |<br><span style="white-space:pre-wrap"> </span>theApplication := WAAdmin register: RKATestView asApplicationAt: 'RKT'.<br><span style="white-space:pre-wrap"> </span>theApplication<br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span>addLibrary: JQDeploymentLibrary;<br><span style="white-space:pre-wrap"> </span><span style="white-space:pre-wrap"> </span>addLibrary: JQUiDeploymentLibrary.<br><span style="white-space:pre-wrap"> </span>^ theApplication<br><br><br><br><br><br></div></div><span class="">--<br>View this message in context: <a href="http://forum.world.st/show-spinner-until-something-is-done-tp4907725.html" rel="nofollow" link="external" target="_blank">http://forum.world.st/show-spinner-until-something-is-done-tp4907725.html</a><br>Sent from the Seaside General mailing list archive at <a href="http://Nabble.com" rel="nofollow" link="external" target="_blank">Nabble.com</a>.<br>_______________________________________________<br>seaside mailing list<br></span><a href="http:///user/SendEmail.jtp?type=node&node=4907892&i=1" rel="nofollow" link="external" target="_blank">[hidden email]</a><br><a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" rel="nofollow" link="external">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br></div></div></blockquote></div><br></div><br>_______________________________________________
<br>seaside mailing list
<br><a href="http:///user/SendEmail.jtp?type=node&node=4907892&i=2" rel="nofollow" link="external" target="_blank">[hidden email]</a>
<br><a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" rel="nofollow" link="external" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
<br>
<br>
<hr noshade size="1" color="#cccccc">
<div style="color:#444;font:12px tahoma,geneva,helvetica,arial,sans-serif"><span class="">
<div style="font-weight:bold">If you reply to this email, your message will be added to the discussion below:</div>
</span><a href="http://forum.world.st/show-spinner-until-something-is-done-tp4907725p4907892.html" target="_blank" rel="nofollow" link="external">http://forum.world.st/show-spinner-until-something-is-done-tp4907725p4907892.html</a>
</div>
<div style="color:#666;font:11px tahoma,geneva,helvetica,arial,sans-serif;margin-top:.4em;line-height:1.5em"><span class="">
To start a new topic under Seaside General, email <a href="/user/SendEmail.jtp?type=node&node=4908028&i=1" target="_top" rel="nofollow" link="external">[hidden email]</a> <br></span>
To unsubscribe from show spinner until something is done, <a href="" target="_blank" rel="nofollow" link="external">click here</a>.<br>
<a href="http://forum.world.st/template/NamlServlet.jtp?macro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_email%21nabble%3Aemail.naml" rel="nofollow" style="font:9px serif" target="_blank" link="external">NAML</a>
</div></blockquote></div><br></div>
<br/><hr align="left" width="300" />
View this message in context: <a href="http://forum.world.st/show-spinner-until-something-is-done-tp4907725p4908028.html">Re: show spinner until something is done</a><br/>
Sent from the <a href="http://forum.world.st/Seaside-General-f86180.html">Seaside General mailing list archive</a> at Nabble.com.<br/>