- Go to your active.com/lls/tnt 'Customize My Webpage'
- Copy your current 'Welcome Message' and then paste it in a email (to yourself). This is your backup! JIC
- We will need some style (no not shoes). This is called CSS in web-lingo and should be at the beginning of your
message (BTW: it won't 'show' up in your message). Here's an example:
<style>
#content a, #content a:visited {
color: blue; background-color: white; font-weight: normal; text-decoration: underline;
}
#content a:hover {
color: white; background-color: purple; font-weight: bold; text-decoration: none;
}
</style>
- Now we need some links. I suggest a bar type progression like the cingular (oops AT&T) bars. Here's an example:
<a href="#26.20" title="$26.20" style="font-size:11px" onclick="donate(this)">$26.20</a>
<a href="#52.40" title="$52.40" style="font-size:12px" onclick="donate(this)">$52.40</a>
<a href="#104.80" title="$104.80" style="font-size:13px" onclick="donate(this)">$104.80</a>
<a href="#209.60" title="$209.60" style="font-size:14px" onclick="donate(this)">$209.60</a>
<a href="#419.20" title="$419.20" style="font-size:15px" onclick="donate(this)">$419.20</a>
<a href="#Enter" title="Enter" style="font-size:12px" onclick="donate(this)">Enter Amount</a>
- Next is the fancy function that handles the clicks. Like this:
<script type="text/javascript">
<!--
function donate(link) {
var amount = parseFloat(link.title.replace(/[$,.]/, ''));
if(amount) {
document.getElementById('donationAmount').value = amount;
document.getElementById('donForm').submit();
} else {
amount = prompt('Enter the amout you would like to donate','');
if(amount) {
var objAmount = new Object();
objAmount.title = amount;
donate(objAmount);
}
}
}
//-->
</script>
- Want to hide the left-side donation bar and make your message wider? More scripts:
(Note: This should be at the end of your message.)
<script type="text/javascript">
<!--
var domSide = document.getElementById('contribution');
domSide.style.visible = 'hidden';
domSide.style.display = 'none';
var domMsg = document.getElementById('content');
domMsg.style.marginLeft = '10px';
domMsg.style.width = '740px';
//-->
</script>