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

From Donate
Jump to navigation Jump to search
Content deleted Content added
Pgehres (WMF) (talk | contribs)
No edit summary
update
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<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-left: -5px;
margin: 0 3px 0.4em 3px;
padding-top: 2.3em;
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 type="text/javascript">
<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>
<td class="radiobuttons-cell">
<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>
<td class="radiobuttons-cell">
<td class="radiobuttons-cell">
<input type="radio" name="amount" id="input_amount_4" onclick="selectAmount();" value="</html>{{{donate-amount-4}}}<html>" />
<input type="radio" name="amount" id="input_amount_3" onclick="selectAmount();" value="</html>{{{donate-amount-3}}}<html>" />
<label for="input_amount_4"></html>{{2012FR/CurrencyFormat|{{{donate-amount-4}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
<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_amount_other" value="Other" onclick="document.getElementById('input_amount_other_box').focus();"/>
<input type="radio" name="amount" id="input_amount_4" onclick="selectAmount();" value="</html>{{{donate-amount-4}}}<html>" />
<label for="input_amount_other"></html>{{int:donate_interface-other}}<html></label>
<label for="input_amount_4"></html>{{2012FR/CurrencyFormat|{{{donate-amount-4}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
</td>
<input type="text" id="input_amount_other_box" size="3" autocomplete="off" value="" onfocus="clearOther(this)"/>
<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="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 14:46, 18 February 2015

Donation amount: