Template:2012FR/Form-section/Radiobuttons/3-buttons: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
1 row |
No edit summary |
||
Line 4: | Line 4: | ||
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 25: | Line 24: | ||
font-size: 0.8em; |
font-size: 0.8em; |
||
border:1px solid #c0c0c0; |
border:1px solid #c0c0c0; |
||
direction: </html>{{Template:2012FR/Switch/Ltr-direction|{{{language}}}}}<html>; |
|||
} |
} |
||
</style> |
</style> |
||
<script type="text/javascript"> |
|||
function clearOther(box) { |
|||
document.getElementById("input_amount_other").checked = true; |
|||
box.value = ""; |
|||
box.style.color = "#000000"; |
|||
} |
|||
function resetOther(box) { |
|||
⚫ | |||
} |
|||
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>"/> |
||
<input type="hidden" name="currency_code" value="</html>{{{currency|{{2012FR/Switch/Currency/Code|{{{country}}}}}}}}<html>"/> |
|||
<div> |
<div> |
||
<div id="radiobuttons-table-header"> |
<div id="radiobuttons-table-header"> |
||
</html>{{int:donate_interface-amount-legend}}{{#ifeq: {{{currencynote|}}}||| {{{currencynote|}}}}}<html>: |
</html>{{int:donate_interface-amount-legend}}{{#ifeq: {{{currencynote|}}}||| {{{currencynote|}}}}}<html>: |
||
</div> |
</div> |
||
</div> |
|||
<div class="frequency-options"> |
|||
<label class="checked"> |
|||
<input type="radio" name="frequency" id="frequency_onetime" value="onetime" onclick="donationForm.toggleMonthly(false);" checked> |
|||
⚫ | |||
</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> |
||
<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_amount_0"> |
||
<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_amount_1"> |
||
<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_amount_2"> |
||
<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> |
||
<td class="radiobuttons-cell |
<td class="radiobuttons-cell input_amount_other"> |
||
<input type="radio" name="amount" id="input_amount_other" value="Other" onclick="document.getElementById('input_amount_other_box').focus();" |
<input type="radio" name="amount" id="input_amount_other" value="Other" onclick="document.getElementById('input_amount_other_box').focus();"> |
||
<label for="input_amount_other"></html>{{int:donate_interface-other}}<html></ |
<label for="input_amount_other"> |
||
<span></html>{{int:donate_interface-other}}<html></span> |
|||
<input type="text" id="input_amount_other_box" size="3" autocomplete="off" value="" onfocus="clearOther(this)" |
<input type="text" id="input_amount_other_box" size="3" autocomplete="off" value="" onfocus="clearOther(this);"> |
||
</label> |
|||
</td> |
</td> |
||
</tr> |
</tr> |
||
</table> |
</table> |
||
<!-- </center> --> |
|||
</div> |
</div> |
||
</html> |
</html> |
Revision as of 18:37, 28 October 2016