Added loading divs so we don't a half-rendered ui

This commit is contained in:
Paul Driver 2010-10-06 09:52:41 -07:00
parent 430320cea8
commit bf4b80996a
2 changed files with 22 additions and 8 deletions

View file

@ -37,9 +37,12 @@ use HTML::Entities;
use JSON;
my $template = <<'TEMPLATE';
<p id='message'></p>
<div id='meter'></div>
<p>Time elapsed: <span id='elapsed'></span> seconds.</p>
<div id='loading'>Loading...</div>
<div id='ui' style='display: none'>
<p id='message'></p>
<div id='meter'></div>
<p>Time elapsed: <span id='elapsed'></span> seconds.</p>
</div>
<script>
(function (params) {
var bar = new YAHOO.WebGUI.Fork.ProgressBar();
@ -53,6 +56,10 @@ my $template = <<'TEMPLATE';
document.getElementById('message').innerHTML = status.message;
document.getElementById('elapsed').innerHTML = data.elapsed;
},
first : function () {
document.getElementById('loading').style.display = 'none';
document.getElementById('ui').style.display = 'block';
},
finish : function() {
YAHOO.WebGUI.Fork.redirect(params.redirect);
},