Template:2012FR/Form-section/Radiobuttons/3-buttons: Difference between revisions

From Donate
Jump to navigation Jump to search
Content deleted Content added
1 row
No edit summary
Line 4:
font-weight: bold;
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-left: -5px0 3px 0.4em 3px;
paddingfont-topsize: 21.3em2em;
}
 
#radiobuttons-table {
font-size: 1.2em;
/*width: 100%;*/
}
 
Line 25 ⟶ 24:
font-size: 0.8em;
border:1px solid #c0c0c0;
direction: </html>{{Template:2012FR/Switch/Ltr-direction|{{{language}}}}}<html>;
}
 
</style>
 
<script type="text/javascript">
function clearOther(box) {
document.getElementById("input_amount_other").checked = true;
box.value = "";
box.style.color = "#000000";
}
 
function resetOther(box) {
box.value = "</html>{{int:donate_interface-other}}<html>";
}
 
function selectAmount() {
document.getElementById("input_amount_other_box").value = "";
document.getElementsByName("amountGiven")[0].value="";
}
 
//This variable tells the payment processing whether or not this donation is recurring.
var monthlyDonation = false;
 
//This variable tells the page whether or not to display the information for cancelling a monthly payment
var showMonthlyCancel = false;
 
//This variable tells the page whether or not to display a link to a monthly version of the page
var showMonthlyLink = true;
 
//This variable tells the page whether or not to display a link to a one-time version of the page
var showOnetimeLink = false;
 
</script>
 
<input type="hidden" name="currency_code" value="</html>{{{currency|{{2012FR/Switch/Currency/Code|{{{country}}}}}}}}<html>"/>
<input type="hidden" name="currency_code" value="</html>{{{currency|{{2012FR/Switch/Currency/Code|{{{country}}}}}}}}<html>"/>
<div>
<div id="radiobuttons-table-header">
</html>{{int:donate_interface-amount-legend}}{{#ifeq: {{{currencynote|}}}|||&nbsp;{{{currencynote|}}}}}<html>:
</div>
</div>
<div class="frequency-options">
<label class="checked">
<input type="radio" name="frequency" id="frequency_onetime" value="onetime" onclick="donationForm.toggleMonthly(false);" checked>
box.value = "</html>{{int:donate_interface-otheronetime-short}}<html>";
</label>
<label>
<input type="radio" name="frequency" id="frequency_monthly" value="monthly" onclick="donationForm.toggleMonthly(true);">
</html>{{int:donate_interface-monthly-short}}<html>*
</label>
</div>
<div id="radiobuttons-table-body">
<!-- <center> -->
<table id="radiobuttons-table">
<tr>
<td class="radiobuttons-cell input_amount_0">
<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>
</td>
<td class="radiobuttons-cell input_amount_1">
<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>
</td>
<td class="radiobuttons-cell input_amount_2">
<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>
</td>
<td class="radiobuttons-cell" colspan="3input_amount_other">
<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></labelspan>
<input type="text" id="input_amount_other_box" size="3" autocomplete="off" value="" onfocus="clearOther(this);"/>
</label>
</td>
</tr>
</table>
<!-- </center> -->
</div>
</html>

Revision as of 18:37, 28 October 2016

Donation amount: