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

From Donate
Jump to navigation Jump to search
Browse history interactively
← Older editNewer edit →
Content deleted Content added
VisualWikitext
Cbarr (talk | contribs)
inactive
13,762 edits
No edit summary
Cbarr (talk | contribs)
inactive
13,762 edits
Clean up unused code.
Line 1: Line 1:
<html>
<html>

<style type="text/css">
<style type="text/css">

#radiobuttons-table-header{
#radiobuttons-table-header{
font-weight: bold;
font-weight: bold;
Line 14: Line 12:
}
}


#radiobuttons-table{
⚫
#input_amount_other_box{
/* color: #aaaaaa; */
color: black;
⚫
font-size: 0.8em;
⚫
border:1px solid #c0c0c0;
⚫
direction: </html>{{Template:2012FR/Switch/Ltr-direction|{{{uselang}}}}}<html>;
}

#amount-table{
font-size: 1.2em;
font-size: 1.2em;
/*width: 100%;*/
/*width: 100%;*/
}
}


.amount-table-cell{
.radiobuttons-cell{
white-space: nowrap;
white-space: nowrap;
}
}


⚫
#input_amount_other_box{
.currency-collapsible-container-contained{
display: none;
background-color: #FFFFFF;
color: black;
color: black;
⚫
font-size: 0.8em;
}
⚫
border:1px solid #c0c0c0;

⚫
direction: </html>{{Template:2012FR/Switch/Ltr-direction|{{{uselang}}}}}<html>;
#country-container{
/*display: none;*/
float: </html>{{#ifeq:{{Template:2012FR/Switch/Ltr-direction|{{{uselang}}}}}|rtl|left|right}}<html>;
}

#country-container-trigger{
font-size: 0.9em
}

#country-container-contained{
}
}


Line 53: Line 32:
font-size: 0.95em;
font-size: 0.95em;
}
}

a#currency-link{
color: #0645ad;
}

a#currency-link:hover{
color: #0645ad;
background-image: none !important;
padding-right: 0 !important;
cursor: pointer;
}

</style>
</style>


<script type="text/javascript">
<script type="text/javascript">

function clearOther(box){
function clearOther(box){
document.getElementById("input_amount_other").checked = true;
document.getElementById("input_amount_other").checked = true;
Line 76: Line 42:


function resetOther(box){
function resetOther(box){
//box.value = "</html>{{int:donate_interface-other}}<html>";
box.value = "</html>{{int:donate_interface-other}}<html>";
box.value = "</html>{{int:donate_interface-other}}<html>";
//box.style.color = "#aaaaaa";
}
}


function selectAmount(){
function selectAmount(){
//document.getElementById("input_amount_other_box").value = "</html>{{int:donate_interface-other}}<html>";
document.getElementById("input_amount_other_box").value = "";
document.getElementById("input_amount_other_box").value = "";
//document.getElementById("input_amount_other_box").style.color = "#aaaaaa";
document.getElementsByName("amountGiven")[0].value="";
document.getElementsByName("amountGiven")[0].value="";
}

function triggerClick(elem){
$('#' + elem + '-container-contained').show();
}

function loadCountry(){
//alert(window.location);
//var newPage = window.location.value;
//newCountry = $("#currency-select").value;
//newPage.replace("</html>{{{country}}}<html>",newCountry);
//alert(newPage);
//window.location = newPage;
//return false;
}
}


var monthlyDonation = false;
var monthlyDonation = false;
//This line is needed to prevent errors from a if statement in the "form-section-processing" template
//This line is needed to prevent errors from a if statement in the "form-section-processing" template

</script>
</script>


<input type="hidden" name="currency_code" value="</html>{{{currency|{{2012FR/core-currency-code|{{{country}}}}}}}}<html>"/>
<input type="hidden" name="currency_code" value="</html>{{{currency|{{2012FR/core-currency-code|{{{country}}}}}}}}<html>"/>

<div>
<div>
<div id="radiobuttons-table-header">
<div id="radiobuttons-table-header">
</html>{{int:donate_interface-amount-legend}}<html>: <div style="display: inline;"></html>{{2012FR/core-currency-symbol|{{{currency|{{2012FR/core-currency-code|{{{country}}}}}}}}}}<html></div> <div style="display: inline;"></html>({{{currency|{{2012FR/core-currency-code|{{{country}}}}}}}})<html></div>
</html>{{int:donate_interface-amount-legend}}<html>: <div style="display: inline;"></html>{{2012FR/core-currency-symbol|{{{currency|{{2012FR/core-currency-code|{{{country}}}}}}}}}}<html></div> <div style="display: inline;"></html>({{{currency|{{2012FR/core-currency-code|{{{country}}}}}}}})<html></div>
</div>
<div class="collapsible-container-trigger" id="country-container" style="display: none; cursor: pointer;" onclick="triggerClick('country');">
<span style="font-weight: bold; font-size: 1.2em"></html>{{2012FR/core-currency-symbol|{{{currency|{{2012FR/core-currency-code|{{{country}}}}}}}}}}<html></span><span style="font-size: 0.6em">(Change?)</span>
<br/>
<span class="currency-collapsible-container-contained" id="country-container-contained">
<select id="currency-select" style="font-size: 0.5em;" onchange="loadCountry();">
<option value="</hmtl>{{{country}}}<html>" selected></html>{{{currency|{{2012FR/core-currency-code|{{{country}}}}}}}}<html> – </html>{{2012FR/core-currency-symbol|{{{currency{{2012FR/core-currency-code|{{{country}}}}}}}}}}<html></option>
</html>{{#tag:html|{{#ifeq:{{{currency|{{2012FR/core-currency-code|{{{country}}}}}}}}|USD||<option value="USD">USD – $</option>}}}}<html>
</html>{{#tag:html|{{#ifeq:{{{currency|{{2012FR/core-currency-code|{{{country}}}}}}}}|EUR||<option value="EUR">EUR – €</option>}}}}<html>
</select>
</span>
</div>
</div>
</div>
</div>

<div id="radiobuttons-table-body">
<div id="radiobuttons-table-body">
<!-- <center> -->
<!-- <center> -->
<table id="amount-table">
<table id="radiobuttons-table">
<tr>
<tr>
<td class="amount-table-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>{{{donate-amount-0}}}<html></label>
<label for="input_amount_0"></html>{{{donate-amount-0}}}<html></label>
</td>
</td>
<td class="amount-table-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>{{{donate-amount-1}}}<html></label>
<label for="input_amount_1"></html>{{{donate-amount-1}}}<html></label>
</td>
</td>
<td class="amount-table-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>{{{donate-amount-2}}}<html></label>
<label for="input_amount_2"></html>{{{donate-amount-2}}}<html></label>
</td>
</td>
<td class="amount-table-cell">
<td class="radiobuttons-cell">
<input type="radio" name="amount" id="input_amount_3" onclick="selectAmount();" value="</html>{{{donate-amount-3}}}<html>" />
<input type="radio" name="amount" id="input_amount_3" onclick="selectAmount();" value="</html>{{{donate-amount-3}}}<html>" />
<label for="input_amount_3"></html>{{{donate-amount-3}}}<html></label>
<label for="input_amount_3"></html>{{{donate-amount-3}}}<html></label>
Line 148: Line 82:
</tr>
</tr>
<tr>
<tr>
<td class="amount-table-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_4" onclick="selectAmount();" value="</html>{{{donate-amount-4}}}<html>" />
<label for="input_amount_4"></html>{{{donate-amount-4}}}<html></label>
<label for="input_amount_4"></html>{{{donate-amount-4}}}<html></label>
</td>
</td>
<td class="amount-table-cell">
<td class="radiobuttons-cell">
<input type="radio" name="amount" id="input_amount_5" onclick="selectAmount();" value="</html>{{{donate-amount-5}}}<html>" />
<input type="radio" name="amount" id="input_amount_5" onclick="selectAmount();" value="</html>{{{donate-amount-5}}}<html>" />
<label for="input_amount_5"></html>{{{donate-amount-5}}}<html></label>
<label for="input_amount_5"></html>{{{donate-amount-5}}}<html></label>
</td>
</td>
<td class="amount-table-cell">
<td class="radiobuttons-cell">
<input type="radio" name="amount" id="input_amount_6" onclick="selectAmount();" value="</html>{{{donate-amount-6}}}<html>" />
<input type="radio" name="amount" id="input_amount_6" onclick="selectAmount();" value="</html>{{{donate-amount-6}}}<html>" />
<label for="input_amount_6"></html>{{{donate-amount-6}}}<html></label>
<label for="input_amount_6"></html>{{{donate-amount-6}}}<html></label>
</td>
</td>
<td class="amount-table-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_other" value="Other" OnClick="document.getElementById('input_amount_other_box').focus();"/>
<label for="input_amount_other"></html>{{int:donate_interface-other}}<html></label>
<label for="input_amount_other"></html>{{int:donate_interface-other}}<html></label>
<!-- <input type="text" id="input_amount_other_box" size="3" autocomplete="off" />-->
<!-- <input type="text" id="input_amount_other_box" size="3" autocomplete="off" value="</html>{{int:donate_interface-other}}<html>" onfocus="clearOther(this)"/> -->
<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)"/>
</td>
</td>

Revision as of 18:01, 19 January 2012

Template:2012FR/core-currency-code"/>

Retrieved from "https://donate.wikimedia.org/w/index.php?title=Template:2012FR/Form-section/Radiobuttons/Default&oldid=15362"