Changeset - 121203044ecd
[Not reviewed]
0 1 0
Bradley Kuhn (bkuhn) - 11 years ago 2013-05-01 01:42:47
bkuhn@ebb.org
Updated progress bar with real numbers; also some layout changes to it as well.
1 file changed with 4 insertions and 3 deletions:
0 comments (0 inline, 0 general)
www/conservancy/static/campaign/index.html
Show inline comments
...
 
@@ -4,25 +4,25 @@
 

	
 
{% block head %}
 
<link href="/jquery-ui.css" rel="stylesheet" type="text/css"/>
 
<script src="/jquery.min.js"></script>
 
<script src="/jquery-ui.min.js"></script>
 

	
 
<style type="text/css">
 
  #progressbar .ui-widget-header { background: rgb(206, 31, 31); }
 
</style>
 

	
 
<script type="text/javascript">
 
  $(document).ready(function() {
 
    $("#progressbar").progressbar({ value: (200 / 1000) * 100 });
 
    $("#progressbar").progressbar({ value: (2515 / 75000) * 100 });
 
  });
 
</script>
 
{% endblock %}
 

	
 
{% block content %}
 

	
 
<div style="position:fixed;top:180px;right:2%;width=18%">
 
<table style="background-color:#afe478;width=100%;">
 
<tr><td style="text-align:center;padding:10px;padding-bottom:10px;">
 

	
 
<!--
 
<script type="text/javascript" src="https://js.balancedpayments.com/v1/balanced.js"></script>
...
 
@@ -99,27 +99,28 @@ el.attachEvent('on'+ev, function() {handler.apply(el);});
 
            account_number: $form.find('.ba-an').val(),
 
            bank_code: $form.find('.ba-rn').val(),
 
            type: $form.find('select').val()
 
        };
 
 
 
 
 
        balanced.bankAccount.create(bankAccountData, responseCallbackHandler);
 
    };
 
   $('#bank-account-form').submit(tokenizeInstrument);
 
*/
 
</script>
 
-->
 

	
 
<p>$200 of $1000 (20.0%)</p>
 
<p>$2,515 raised toward<br/>
 
our $75,000 goal.</p>
 
<div id="progressbar" style="height:20px;"></div>
 
<p><font style="font-size: 25%">(Progress bar updated daily.)</font></p>
 
<p>Help us reach our goal:</p>
 

	
 
<!-- Google Checkout start -->
 
<script type="text/javascript"> 
 
function validateAmount(amount){
 
	if(amount.value.match( /^[0-9]+(\.([0-9]+))?$/)){
 
		return true;
 
	}else{
 
		alert('You must enter a valid donation.');
 
		amount.focus();
 
		return false;
 
	}
0 comments (0 inline, 0 general)