Template:2012FR/Form-section/Radiobuttons/5-buttons: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
No edit summary |
update |
||
Line 1: | Line 1: | ||
<html> |
<html> |
||
<style |
<style> |
||
#radiobuttons-table-header { |
#radiobuttons-table-header { |
||
font-weight: bold; |
font-weight: bold; |
||
font-size: 1.3em; |
font-size: 1.3em; |
||
margin-bottom: 0.8em; |
|||
float: </html>{{#ifeq:{{Template:2012FR/Switch/Ltr-direction|{{{language}}}}}|rtl|right|left}}<html>; |
|||
} |
} |
||
.frequency-options { |
|||
#radiobuttons-table-body { |
|||
margin |
margin: 0 3px 0.4em 3px; |
||
font-size: 1.2em; |
|||
} |
} |
||
#radiobuttons-table { |
#radiobuttons-table { |
||
font-size: 1.2em; |
font-size: 1.2em; |
||
/*width: 100%;*/ |
|||
} |
} |
||
Line 30: | Line 29: | ||
</style> |
</style> |
||
<script |
<script> |
||
function clearOther(box) { |
function clearOther(box) { |
||
document.getElementById("input_amount_other").checked = true; |
document.getElementById("input_amount_other").checked = true; |
||
Line 46: | Line 45: | ||
} |
} |
||
$(document).ready(function() { |
|||
//This variable tells the payment processing whether or not this donation is recurring. |
|||
var monthlyDonation = false; |
|||
$(".frequency-options label").click(function() { |
|||
//This variable tells the page whether or not to display the information for cancelling a monthly payment |
|||
$(".frequency-options label").removeClass("checked"); |
|||
var showMonthlyCancel = false; |
|||
$(this).addClass("checked"); |
|||
}); |
|||
$(".radiobuttons-cell label").click(function() { |
|||
//This variable tells the page whether or not to display a link to a monthly version of the page |
|||
$(".radiobuttons-cell label").removeClass("checked"); |
|||
var showMonthlyLink = true; |
|||
$(this).addClass("checked"); |
|||
}); |
|||
$(".input_amount_other").click(function() { |
|||
//This variable tells the page whether or not to display a link to a one-time version of the page |
|||
$("#input_amount_other_box").focus(); |
|||
var showOnetimeLink = false; |
|||
}); |
|||
// hide frequency options in India, where we can only handle one-time donations |
|||
if (document.paypalcontribution.country.value === 'IN') { |
|||
$("#frequency_onetime").attr('checked', true); |
|||
$(".frequency-options").hide(); |
|||
$("#cancel-monthly").hide(); |
|||
} |
|||
}); |
|||
</script> |
</script> |
||
Line 67: | Line 77: | ||
</div> |
</div> |
||
<div id="radiobuttons-table-body"> |
<div id="radiobuttons-table-body"> |
||
<!-- <center> --> |
|||
<table id="radiobuttons-table"> |
<table id="radiobuttons-table"> |
||
<tr> |
<tr> |
||
<td class="radiobuttons-cell"> |
<td class="radiobuttons-cell"> |
||
<input type="radio" name="amount" id="input_amount_0" onclick="selectAmount();" value="</html>{{{donate-amount-0}}}<html>" /> |
<input type="radio" name="amount" id="input_amount_0" onclick="selectAmount();" value="</html>{{{donate-amount-0}}}<html>" /> |
||
<label for="input_amount_0"></html>{{2012FR/CurrencyFormat|{{{donate-amount-0}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label> |
<label for="input_amount_0"></html>{{2012FR/CurrencyFormat|{{{donate-amount-0}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label> |
||
</td> |
</td> |
||
<td class="radiobuttons-cell"> |
<td class="radiobuttons-cell"> |
||
<input type="radio" name="amount" id="input_amount_1" onclick="selectAmount();" value="</html>{{{donate-amount-1}}}<html>" /> |
<input type="radio" name="amount" id="input_amount_1" onclick="selectAmount();" value="</html>{{{donate-amount-1}}}<html>" /> |
||
<label for="input_amount_1"></html>{{2012FR/CurrencyFormat|{{{donate-amount-1}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label> |
<label for="input_amount_1"></html>{{2012FR/CurrencyFormat|{{{donate-amount-1}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label> |
||
</td> |
</td> |
||
<td class="radiobuttons-cell"> |
<td class="radiobuttons-cell"> |
||
<input type="radio" name="amount" id="input_amount_2" onclick="selectAmount();" value="</html>{{{donate-amount-2}}}<html>" /> |
<input type="radio" name="amount" id="input_amount_2" onclick="selectAmount();" value="</html>{{{donate-amount-2}}}<html>" /> |
||
<label for="input_amount_2"></html>{{2012FR/CurrencyFormat|{{{donate-amount-2}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label> |
<label for="input_amount_2"></html>{{2012FR/CurrencyFormat|{{{donate-amount-2}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label> |
||
</td> |
</td> |
||
</tr> |
</tr> |
||
<tr> |
<tr> |
||
⚫ | |||
<input type="radio" name="amount" id="input_amount_3" onclick="selectAmount();" value="</html>{{{donate-amount-3}}}<html>" /> |
|||
<label for="input_amount_3"></html>{{2012FR/CurrencyFormat|{{{donate-amount-3}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label> |
|||
⚫ | |||
<td class="radiobuttons-cell"> |
<td class="radiobuttons-cell"> |
||
<input type="radio" name="amount" id=" |
<input type="radio" name="amount" id="input_amount_3" onclick="selectAmount();" value="</html>{{{donate-amount-3}}}<html>" /> |
||
<label for=" |
<label for="input_amount_3"></html>{{2012FR/CurrencyFormat|{{{donate-amount-3}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label> |
||
</td> |
</td> |
||
<td class="radiobuttons-cell"> |
<td class="radiobuttons-cell"> |
||
<input type="radio" name="amount" id=" |
<input type="radio" name="amount" id="input_amount_4" onclick="selectAmount();" value="</html>{{{donate-amount-4}}}<html>" /> |
||
<label for=" |
<label for="input_amount_4"></html>{{2012FR/CurrencyFormat|{{{donate-amount-4}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label> |
||
⚫ | |||
⚫ | |||
⚫ | |||
<input type="radio" name="amount" id="input_amount_other" value="Other" onclick="document.getElementById('input_amount_other_box').focus();"> |
|||
<label for="input_amount_other"> |
|||
<span></html>{{int:donate_interface-other}}<html></span> |
|||
⚫ | |||
</label> |
|||
</td> |
</td> |
||
</tr> |
</tr> |
||
</table> |
</table> |
||
<!-- </center> --> |
|||
</div> |
</div> |
||
</html> |
</html> |
Revision as of 14:46, 18 February 2015