Donate Now!
Hacks
:: Sat Jun 9 11:27:06 PDT 2007 ::
Custom Donation Links*
  1. Go to your active.com/lls/tnt 'Customize My Webpage'
  2. Copy your current 'Welcome Message' and then paste it in a email (to yourself). This is your backup! JIC
  3. 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>
    
  4. 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>&nbsp;
    <a href="#52.40" title="$52.40" style="font-size:12px" onclick="donate(this)">$52.40</a>&nbsp;
    <a href="#104.80" title="$104.80" style="font-size:13px" onclick="donate(this)">$104.80</a>&nbsp;
    <a href="#209.60" title="$209.60" style="font-size:14px" onclick="donate(this)">$209.60</a>&nbsp;
    <a href="#419.20" title="$419.20" style="font-size:15px" onclick="donate(this)">$419.20</a>&nbsp;
    <a href="#Enter" title="Enter" style="font-size:12px" onclick="donate(this)">Enter Amount</a>&nbsp;
    
  5. 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>
    
  6. 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>
    
*This can be difficult...
:: Tue Jun 5 23:36:26 PDT 2007 ::
Logo Fix
If you look at your active.com/lls/tnt website, the top left hand TnT logo isn't there! WTF? To fix it, just copy and paste the code below to the end of your message.
<script type="text/javascript">
<!--
  var headL = document.getElementById('headerLogo');
  headL.style.width = '139px';
  headL.style.height = '126px';
  headL.style.visible = 'visible';
  headL.style.minWidth = '139px';
  headL.style.minHeight = '126px';
//-->
</script>
©2008 goteamintraining.com