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

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
No edit summary
Line 10: Line 10:
color: blue;
color: blue;
font-size: 1.2em;
font-size: 1.2em;
}

.collapsible-container-marker{
color: blue;
}
}


Line 17: Line 21:
border: 1px solid #AAAAAA;
border: 1px solid #AAAAAA;
padding: 1em;
padding: 1em;
}

#donor-collapsed-marker{
display: inline;
}

#donor-expanded-marker{
display: none;
}

#tax-collapsed-marker{
display: inline;
}

#tax-expanded-marker{
display: none;
}
}


</style>
</style>


<script type="text/javascript">
<div class="collapsible-container" id="monthly-container"> <!-- onmouseover="document.getElementById('monthly-container-contained').style.display='block';" onmouseout="document.getElementById('monthly-container-contained').style.display='none';"> -->

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';
}

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';
}

</script>

⚫
<div class="collapsible-container" id="monthly-container">
<span class="colapsible-container-trigger">Make a monthly donation</span>
<span class="colapsible-container-trigger">Make a monthly donation</span>
⚫
<!-- <div class="collapsible-container-contained" id="monthly-container-contained">
</div> -->
</div>
</div>


Line 35: Line 69:
</div>
</div>


<div class="collapsible-container" id="donor-container" onmouseover="document.getElementById('donor-container-contained').style.display='block';" onmouseout="document.getElementById('donor-container-contained').style.display='none';">
<div class="collapsible-container" id="donor-container" onmouseover="triggerHover('donor');" onmouseout="triggerLeave('donor');">
<div class="colapsible-container-trigger">Tax deductibility information</div><div>&#9650;</div>
<span id="donor-collapsed-marker" class="collapsible-container-marker">&#9650;</span>
<span id="donor-expanded-marker" class="collapsible-container-marker">&#9660;</span>
<span class="colapsible-container-trigger">Tax deductibility information</span>
</div>
</div>
<div class="collapsible-container-contained" id="donor-container-contained">
<div class="collapsible-container-contained" id="donor-container-contained">
Line 42: Line 78:
</div>
</div>


<div class="collapsible-container" id="tax-container" onmouseover="document.getElementById('tax-container-contained').style.display='block';" onmouseout="document.getElementById('tax-container-contained').style.display='none';">
<div class="collapsible-container" id="tax-container" onmouseover="triggerHover('tax');" onmouseout="triggerLeave('tax');">
<div class="colapsible-container-trigger">Your information is secure</div><div>&#9650;</div> <!--&#9660;-->
<span id="tax-collapsed-marker" class="collapsible-container-marker">&#9650;</span>
<span id="tax-expanded-marker" class="collapsible-container-marker">&#9660;</span>
<span class="colapsible-container-trigger">Your information is secure</span>
</div>
</div>
<div class="collapsible-container-contained" id="tax-container-contained">
<div class="collapsible-container-contained" id="tax-container-contained">
Retrieved from "https://donate.wikimedia.org/wiki/Template:2011FR/Form-section-links"