Template:2012FR/Form-section/Radiobuttons/Default: Difference between revisions
Content deleted Content added
selectOther |
rm unneeded div |
||
| (18 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<html> |
<html> |
||
<input type="hidden" name="currency_code" value="</html>{{{currency|{{CurrencyCode|{{{country}}}}}}}}<html>"/> |
|||
<style> |
|||
<div id="radiobuttons-table-header"> |
|||
</html>{{int:donate_interface-amount-legend}} ({{{currency|{{CurrencyCode|{{{country}}}}}}}})<html> |
|||
font-weight: bold; |
|||
font-size: 1.3em; |
|||
margin-bottom: 0.8em; |
|||
} |
|||
.frequency-options { |
|||
margin: 0 3px 0.4em 3px; |
|||
font-size: 1.2em; |
|||
} |
|||
#radiobuttons-table { |
|||
font-size: 1.2em; |
|||
} |
|||
.radiobuttons-cell { |
|||
white-space: nowrap; |
|||
} |
|||
#input_amount_other_box { |
|||
color: black; |
|||
font-size: 0.8em; |
|||
border:1px solid #c0c0c0; |
|||
} |
|||
</style> |
|||
<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}} ({{{currency|{{2012FR/Switch/Currency/Code|{{{country}}}}}}}})<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> |
|||
</html>{{int:donate_interface-onetime-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"> |
|||
<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 input_amount_3"> |
|||
<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> |
|||
</tr> |
|||
<tr> |
|||
<td class="radiobuttons-cell input_amount_4"> |
|||
<input type="radio" name="amount" id="input_amount_4" onclick="selectAmount();" value="</html>{{{donate-amount-4}}}<html>" /> |
|||
<label for="input_amount_4"></html>{{2012FR/CurrencyFormat|{{{donate-amount-4}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label> |
|||
</td> |
|||
<td class="radiobuttons-cell input_amount_5"> |
|||
<input type="radio" name="amount" id="input_amount_5" onclick="selectAmount();" value="</html>{{{donate-amount-5}}}<html>" /> |
|||
<label for="input_amount_5"></html>{{2012FR/CurrencyFormat|{{{donate-amount-5}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label> |
|||
</td> |
|||
<td class="radiobuttons-cell input_amount_6"> |
|||
<input type="radio" name="amount" id="input_amount_6" onclick="selectAmount();" value="</html>{{{donate-amount-6}}}<html>" /> |
|||
<label for="input_amount_6"></html>{{2012FR/CurrencyFormat|{{{donate-amount-6}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label> |
|||
</td> |
|||
<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();"> |
|||
<label for="input_amount_other"> |
|||
<span></html>{{int:donate_interface-other}}<html></span> |
|||
<input type="number" min="0" id="input_amount_other_box" size="3" autocomplete="off" value="" onfocus="selectOther();"> |
|||
</label> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
</div> |
</div> |
||
<fieldset class="frequency-options"> |
|||
<ul> |
|||
<li> |
|||
<input type="radio" name="frequency" id="frequency_onetime" value="onetime" onclick="donationForm.toggleMonthly(false);" checked> |
|||
<label class="frb-btn" for="frequency_onetime"></html>{{int:donate_interface-onetime-short}}<html></label> |
|||
</li> |
|||
<li> |
|||
<input type="radio" name="frequency" id="frequency_monthly" value="monthly" onclick="donationForm.toggleMonthly(true);"> |
|||
<label class="frb-btn" for="frequency_monthly"></html>{{int:donate_interface-monthly-short}}<html></label> |
|||
</li> |
|||
</ul> |
|||
</fieldset> |
|||
<fieldset class="amount-options"> |
|||
<ul> |
|||
<li class="radiobuttons-cell input_amount_0"> |
|||
<input type="radio" name="amount" id="input_amount_0" onclick="selectAmount();" value="</html>{{{donate-amount-0}}}<html>" /> |
|||
<label class="frb-btn" for="input_amount_0"></html>{{CurrencyFormat|{{{donate-amount-0}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label> |
|||
</li> |
|||
<li class="radiobuttons-cell input_amount_1"> |
|||
<input type="radio" name="amount" id="input_amount_1" onclick="selectAmount();" value="</html>{{{donate-amount-1}}}<html>" /> |
|||
<label class="frb-btn" for="input_amount_1"></html>{{CurrencyFormat|{{{donate-amount-1}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label> |
|||
</li> |
|||
<li class="radiobuttons-cell input_amount_2"> |
|||
<input type="radio" name="amount" id="input_amount_2" onclick="selectAmount();" value="</html>{{{donate-amount-2}}}<html>" /> |
|||
<label class="frb-btn" for="input_amount_2"></html>{{CurrencyFormat|{{{donate-amount-2}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label> |
|||
</li> |
|||
<li class="radiobuttons-cell input_amount_3"> |
|||
<input type="radio" name="amount" id="input_amount_3" onclick="selectAmount();" value="</html>{{{donate-amount-3}}}<html>" /> |
|||
<label class="frb-btn" for="input_amount_3"></html>{{CurrencyFormat|{{{donate-amount-3}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label> |
|||
</li> |
|||
</ul> |
|||
<ul> |
|||
<li class="radiobuttons-cell input_amount_4"> |
|||
<input type="radio" name="amount" id="input_amount_4" onclick="selectAmount();" value="</html>{{{donate-amount-4}}}<html>" /> |
|||
<label class="frb-btn" for="input_amount_4"></html>{{CurrencyFormat|{{{donate-amount-4}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label> |
|||
</li> |
|||
<li class="radiobuttons-cell input_amount_5"> |
|||
<input type="radio" name="amount" id="input_amount_5" onclick="selectAmount();" value="</html>{{{donate-amount-5}}}<html>" /> |
|||
<label class="frb-btn" for="input_amount_5"></html>{{CurrencyFormat|{{{donate-amount-5}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label> |
|||
</li> |
|||
<li class="radiobuttons-cell input_amount_6"> |
|||
<input type="radio" name="amount" id="input_amount_6" onclick="selectAmount();" value="</html>{{{donate-amount-6}}}<html>" /> |
|||
<label class="frb-btn" for="input_amount_6"></html>{{CurrencyFormat|{{{donate-amount-6}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label> |
|||
</li> |
|||
<li 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();"> |
|||
<label class="frb-btn" for="input_amount_other"> |
|||
<span></html>{{int:donate_interface-other}}<html></span> |
|||
<input id="input_amount_other_box" type="text" inputmode="decimal" autocomplete="off" value="" tabindex="-1" class="noime" onfocus="selectOther();"> |
|||
</label> |
|||
</li> |
|||
</ul> |
|||
<div style="display: none;" class="lp-error lp-error-smallamount"></html>{{int:Donate_interface-smallamount-error}}<html></div> |
|||
<div style="display: none;" class="lp-error lp-error-bigamount"></html>{{int:Donate_interface-bigamount-error}}<html></div> |
|||
</fieldset> |
|||
</html> |
</html> |
||
Latest revision as of 14:30, 21 March 2024