Wednesday, March 30, 2005
Cross-Platform Expander/Collapser Javascript
A groovy cross-platform expander/collapser javascript from Blakems.com. That I find especially usefull for form submission notifications:
HTML:
<input type="submit" name="action"
value="Submitting Form"
onClick="expand('sending')" />
<p id="sending" style="display:none;">
<strong>Submitting form. Please Wait!</strong>
</p>
Javascript:
function expand() {
for (var i=0; i<expand.arguments.length; i++) {
var element = document.getElementById(expand.arguments[i]);
element.style.display = "block";
}
}
function collapse() {
for (var i=0; i<collapse.arguments.length; i++) {
var element = document.getElementById(collapse.arguments[i]);
element.style.display = "none";
}
}