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

Content deleted Content added
Cbarr (talk | contribs)
No edit summary
Cbarr (talk | contribs)
No edit summary
Line 10:
color: blue;
font-size: 1.2em;
}
 
.collapsible-container-marker{
color: blue;
}
 
Line 17 ⟶ 21:
border: 1px solid #AAAAAA;
padding: 1em;
}
 
#donor-collapsed-marker{
display: inline;
}
 
#donor-expanded-marker{
display: none;
}
 
#tax-collapsed-marker{
display: inline;
}
 
#tax-expanded-marker{
display: none;
}
 
</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-contained" id="monthly-container-contained">
<span class="colapsible-container-trigger">Make a monthly donation</span>
<!-- <div class="collapsible-container-contained" id="monthly-container-contained">
</div> -->
</div>
 
Line 35 ⟶ 69:
</div>
 
<div class="collapsible-container" id="donor-container" onmouseover="document.getElementByIdtriggerHover('donor-container-contained').style.display='block';" onmouseout="document.getElementByIdtriggerLeave('donor-container-contained').style.display='none';">
<divspan id="donor-collapsed-marker" class="colapsiblecollapsible-container-triggermarker">Tax deductibility information</div><div>&#9650;</divspan>
<span id="donor-expanded-marker" class="collapsible-container-marker">&#9660;</span>
<span class="colapsible-container-trigger">Tax deductibility information</span>
</div>
<div class="collapsible-container-contained" id="donor-container-contained">
Line 42 ⟶ 78:
</div>
 
<div class="collapsible-container" id="tax-container" onmouseover="document.getElementByIdtriggerHover('tax-container-contained').style.display='block';" onmouseout="document.getElementByIdtriggerLeave('tax-container-contained').style.display='none';">
<divspan id="tax-collapsed-marker" class="colapsiblecollapsible-container-triggermarker">Your information is secure</div><div>&#9650;</div> <!--&#9660;--span>
<span id="tax-expanded-marker" class="collapsible-container-marker">&#9660;</span>
<span class="colapsible-container-trigger">Your information is secure</span>
</div>
<div class="collapsible-container-contained" id="tax-container-contained">