progressbar Javascript need not change for content

The content of the amounts for the fundraiser can be kept in the HTML
rather than the progress bar Javscript code.

I suspect at some point I should keep this data in the Django database
and extract it from there as dynamic content.
This commit is contained in:
Bradley M. Kuhn 2014-12-08 19:15:17 -05:00
parent bbbface83a
commit 60d0a06e25
2 changed files with 7 additions and 2 deletions

View file

@ -5,7 +5,12 @@
*/ */
$(document).ready(function() { $(document).ready(function() {
$("#progressbar").progressbar({ value: (0.00 / 5000.00) * 100 }); var goal = $('span#fundraiser-goal').text();
var soFar = $('span#fundraiser-so-far').text();
var noCommaGoal = goal.replace(/,/g, "");
var noCommaSoFar = soFar.replace(/,/g, "");
$("#progressbar").progressbar({ value: (parseFloat(noCommaSoFar) / parseFloat(noCommaGoal)) * 100 });
$('.toggle-content').hide(); $('.toggle-content').hide();

View file

@ -18,7 +18,7 @@
<div id="donate-box" class="toggle-unit"><h1 class="toggle-content">Support <div id="donate-box" class="toggle-unit"><h1 class="toggle-content">Support
Now!</h1></div> Now!</h1></div>
$240 of the $5,000 match goal met.<br/> $<span id="fundraiser-so-far">240</span> of the $<span id="fundraiser-goal">5,000</span> match goal met.<br/>
<div id="progressbar" style="height:20px;"><span style="float:right; align:center; margin-right:40%">0.05%</span></div> <div id="progressbar" style="height:20px;"><span style="float:right; align:center; margin-right:40%">0.05%</span></div>
<h3>Help Us Reach Our Match Goal:</h3> <h3>Help Us Reach Our Match Goal:</h3>