Template:2011FR/Form-section-links: Difference between revisions

From Donate
Jump to navigation Jump to search
Content deleted Content added
Cbarr (talk | contribs)
No edit summary
clean up code, rm unused markers & css, convert divs to a list, add default link targets just in case js breaks
Line 1: Line 1:
<html>
<html>

<style type="text/css">
<style type="text/css">
.collapsible-container {

.collapsible-container{
font-size: 0.8em;
font-size: 0.8em;
cursor: pointer;
cursor: pointer;
}

.collapsible-container-trigger{
color: #0645AD;
font-size: 1.2em;
background-image: none !important;
padding-right: 0 !important;
}

.collapsible-container-trigger:hover{
text-decoration: underline;
color: #0645AD;
}

.collapsible-container-contained{
display: none;
display: none;
background-color: #FFFFFF;
background-color: #FFFFFF;
Line 28: Line 11:
}
}


.form-info-links {
.collapsible-container-marker-collapsed{
display: inline;
list-style: none;
margin-left: 0 !important;
display: none;
color: #0645AD;
}
}

.collapsible-container-marker-expanded{
display: none;
color: #0645AD;
}

</style>
</style>

<script type="text/javascript">

function triggerHover(elem){
// document.getElementById(elem + '-container-contained').style.display='block';
// document.getElementById(elem + '-collapsed-marker').style.display='none';
// document.getElementById(elem + '-expanded-marker').style.display='inline';
$('#' + elem + '-container-contained').toggle();
//$('#' + elem + '-collapsed-marker').toggle('slow',null);
//$('#' + elem + '-expanded-marker').toggle('slow',null);
}

function triggerLeave(elem){
// document.getElementById(elem + '-container-contained').style.display='none';
// document.getElementById(elem + '-collapsed-marker').style.display='inline';
// document.getElementById(elem + '-expanded-marker').style.display='none';
$('#' + elem + '-container-contained').toggle();
//$('#' + elem + '-collapsed-marker').toggle('slow',null);
//$('#' + elem + '-expanded-marker').toggle('slow',null);
}
function triggerClick(elem){
$('#' + elem + '-container-contained').toggle();
}
</script>
<div class="collapsible-container" id="monthly-container">
<a class="collapsible-container-trigger" id="monthly-link" target="_blank"href=""></html>{{int:donate_interface-monthly-donation}}<html></a>
</div>

<!-- This piece of script is add to preserve the layout of the page when the user is sent to monthly donation page -->
<!-- This piece of script is add to preserve the layout of the page when the user is sent to monthly donation page -->
<script type="text/javascript">
<script type="text/javascript">

var monthlyURL = window.location.href;
var monthlyURL = window.location.href;
var pageCountrySpecific = getQuerystring( 'form-countryspecific' );
var pageCountrySpecific = getQuerystring( 'form-countryspecific' );
Line 76: Line 23:
// if on a static page, e.g. from sidebar just use a monthly form and leave everything else as defaults
// if on a static page, e.g. from sidebar just use a monthly form and leave everything else as defaults
// Need to fix this later to pass language, utm data etc, but that stupid ampersand bug is stopping me for now -- Pcoombe
// Need to fix this later to pass language, utm data etc, but that stupid ampersand bug is stopping me for now -- Pcoombe
monthlyURL = 'https://donate.wikimedia.org/wiki/Special:FundraiserLandingPage?form-countryspecific=Form-countryspecific-monthly';
monthlyURL = 'https://donate.wikimedia.org/wiki/Special:FundraiserLandingPage?form-countryspecific=Form-countryspecific-monthly&country=</html>{{{country}}}<html>&language=</html>{{int:lang}}<html>';
} else {
} else {
// if on Special:FundraiserLandingPage, use all the same querystring but a monthly form
// if on Special:FundraiserLandingPage, use all the same querystring but a monthly form
Line 82: Line 29:
}
}
document.getElementById("monthly-link").href = monthlyURL;
document.getElementById("monthly-link").href = monthlyURL;

</script>
</script>
<!-- ----------------- end script--------------- -->
<!-- ----------------- end script--------------- -->
<ul class="form-info-links">
<li><a id="monthly-link" target="_blank" href="https://donate.wikimedia.org/wiki/Special:FundraiserLandingPage?form-countryspecific=Form-countryspecific-monthly&country=</html>{{{country}}}<html>&language=</html>{{int:lang}}<html>"></html>{{int:donate_interface-monthly-donation}}<html></a></li>


<li><a id="ways-to-give-link" target="_blank" href="https://wikimediafoundation.org/wiki/Special:LandingCheck?landing_page=Ways_to_Give&basic=true&country=</html>{{{country}}}<html>&language=</html>{{int:lang}}<html>"></html>{{int:donate_interface-otherways-short}}<html></a></li>
<div class="collapsible-container" id="otherways-container">
<a class="collapsible-container-trigger" target="_blank" href="https://wikimediafoundation.org/wiki/Special:LandingCheck?landing_page=Ways_to_Give&basic=true&country=</html>{{{country}}}<html>&language=</html>{{int:lang}}<html>"></html>{{int:donate_interface-otherways-short}}<html></a>
</div>


<li><a id="faq-link" target="_blank" href="https://wikimediafoundation.org/wiki/Special:LandingCheck?landing_page=FAQ&basic=true&country=</html>{{{country}}}<html>&language=</html>{{int:lang}}<html>"></html>{{int:donate_interface-faqs}}<html></a></li>
<div class="collapsible-container" id="faq-container">
<a class="collapsible-container-trigger" target="_blank" href="https://wikimediafoundation.org/wiki/Special:LandingCheck?landing_page=FAQ&basic=true&country=</html>{{{country}}}<html>&language=</html>{{int:lang}}<html>"></html>{{int:donate_interface-faqs}}<html></a>
</div>


<li>
<!-- <div class="collapsible-container" id="tax-container" onmouseover="triggerHover('tax');" onmouseout="triggerLeave('tax');"> -->
<a id="tax-link" href="https://wikimediafoundation.org/wiki/Deductibility_of_donations" onclick="$('#tax-container').toggle(); return(false);"></html>{{#ifeq: {{{country}}} | US | {{int:donate_interface-taxded-link-us}} | {{int:donate_interface-taxded-link-int}} }}<html></a>
<div class="collapsible-container" id="tax-container" onclick="triggerClick('tax');">
<span class="collapsible-container-marker-collapsed" id="tax-collapsed-marker">&#9650;</span>
<div class="collapsible-container" id="tax-container" onclick="$('#tax-container').toggle(); return(false);">
<span class="collapsible-container-marker-expanded" id="tax-expanded-marker">&#9660;</span>
<span class="collapsible-container-trigger"></html>{{#ifeq: {{{country}}} | US | {{int:donate_interface-taxded-link-us}} | {{int:donate_interface-taxded-link-int}} }}<html></span>
<div class="collapsible-container-contained" id="tax-container-contained">
</html>{{#ifeq: {{{country}}} | US | {{int:donate_interface-taxded-msg-us}} |{{#ifeq: {{{country}}}| NL | {{int:donate_interface-taxded-msg-nl}} | {{int:donate_interface-taxded-msg-int}} }} }}<html><br/><br/>
</html>{{#ifeq: {{{country}}} | US | {{int:donate_interface-taxded-msg-us}} |{{#ifeq: {{{country}}}| NL | {{int:donate_interface-taxded-msg-nl}} | {{int:donate_interface-taxded-msg-int}} }} }}<html><br/><br/>
</html>{{#ifeq:{{int:lang}}|en||{{int:donate_interface-legal-original}}}}<html>
</html>{{#ifeq:{{int:lang}}|en||{{int:donate_interface-legal-original}}}}<html>
</div>
</div>
</div>
</li>

<div class="collapsible-container"><a class="collapsible-container-trigger" target="_blank" href="https://wikimediafoundation.org/wiki/Problems_donating?country=</html>{{{country}}}<html>?language=</html>{{int:lang}}<html>"></html>{{int:Donate_interface-problemsdonating}}<html></a></div>
<li><a id="problems-link" target="_blank" href="https://wikimediafoundation.org/wiki/Problems_donating?country=</html>{{{country}}}<html>?language=</html>{{int:lang}}<html>"></html>{{int:Donate_interface-problemsdonating}}<html></a></li>
</ul>

</html>
</html>

Revision as of 00:20, 10 January 2012