API tools faq
paste
Advertisement
Guest User

decadeProgress.html

a guest
Mar 28th, 2013
402
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.77 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>Progress | 3,000 Strong for Hampden-Sydney College</title>
  6. <meta name="keywords" content="" />
  7. <meta name="description" content="" />
  8. <meta name="robots" content="index, follow" />
  9. <link type="text/css" href="http://code.jquery.com/ui/1.10.2/themes/blitzer/jquery-ui.css" rel="stylesheet" media="screen" />
  10. <link type="text/css" href="css/style.css" rel="stylesheet" media="screen" />
  11. <link type="text/css" href="css/mosaic.css" rel="stylesheet" media="screen" />
  12.  
  13. <!--Load jQuery 1.7.2-->
  14. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  15. <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script>
  16. <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
  17.  
  18. <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
  19. <script type="text/javascript" src="js/script.js"></script>
  20. <script type="text/javascript" src="js/hover_animation.js"></script>
  21. <!--<script type="text/javascript" src="js/jquery.mousewheel-3.0.4.pack.js"></script>-->
  22. <script type="text/javascript" src="js/jquery.mousewheel-3.1.1.pack.js"></script>
  23. <script type="text/javascript" src="js/jquery.fancybox.js"></script>
  24. <script type="text/javascript" src="js/decadeSwitchingLogic.js"></script>
  25. </head>
  26. <body>
  27. <!-- BEGIN HEADER -->
  28. <div id="header" style="top:0px!important;">
  29.     <div id="header_inn">
  30.         <div id="menu">
  31.             <ul id="nav" class="nav">
  32.                 <li><a href="#home_about_botm_bg">THE CHALLENGE</a></li>
  33.                 <li><a href="#home_portfolio">PROGRESS</a></li>
  34.                 <li class="padd"><a href="#home_blog">MAKE A GIFT</a></li>
  35.                 <li><a href="#home_contact">CONNECT</a></li>
  36.             </ul>
  37.             <div class="clr"></div>
  38.         </div><!-- end div #menu -->
  39.         <div id="top_logo"> <a href="index.html#home_top" class="scroll">&nbsp;</a>
  40.             <div class="clr"></div>
  41.         </div><!-- end div #top_logo -->
  42.         <div class="clr"></div>
  43.     </div><!-- end div #header_inn-->
  44.     <div class="clr"></div>
  45. </div><!-- end div #header -->
  46. <!-- END HEADER -->
  47.  
  48. <!-- BEGIN BLOG POST SECTION -->
  49. <div class="wrapper">
  50.     <div id="blog">
  51.         <div id="blog_botm_bg">
  52.             <div id="blog_inn">
  53.                 <div id="blog_go_back"> <a href="index.html#home_blog">&nbsp;</a>
  54.                     <div class="clr"></div>
  55.                 </div><!-- end div #blog_go_back -->
  56.                 <h1>SEE YOUR CLASS&rsquo;S PROGRESS</h1>
  57.                 <div id="home_blog_content">
  58.                     <div id="home_decades_desc_left">
  59.                         <div id="home_blog_archives" class="home_blog_sidebar">
  60.                             <ul>
  61.                                 <li><a href="#" title="2000&ndash;2012" id="TwoThousandToTwentyTwelve"><h3 class="decadeListActiveButton">2000&ndash;2012</h3></a></li>
  62.                                 <li><a href="#" title="1990&ndash;1999" id="NineteenNinetyToNineteenNinetyNine"><h3 class="decadeListInactiveButton">1990&ndash;1999</h3></a></li>
  63.                                 <li><a href="#" title="1980&ndash;1989" id="NineteenEightyToNineteenEightyNine"><h3 class="decadeListInactiveButton">1980&ndash;1989</h3></a></li>
  64.                                 <li><a href="#" title="1970&ndash;1979" id="NineteenSeventyToNineteenSeventyNine"><h3 class="decadeListInactiveButton">1970&ndash;1979</h3></a></li>
  65.                                 <li><a href="#" title="1960&ndash;1969" id="NineteenSixtyToNineteenSixtyNine"><h3 class="decadeListInactiveButton">1960&ndash;1969</h3></a></li>
  66.                                 <li><a href="#" title="1950&ndash;1959" id="NineteenFiftyToNineteenFiftyNine"><h3 class="decadeListInactiveButton">1950&ndash;1959</h3></a></li>
  67.                                 <li><a href="#" title="1940&ndash;1949" id="NineteenFourtyToNineteenFourtyNine"><h3 class="decadeListInactiveButton">1940&ndash;1949</h3></a></li>
  68.                                 <li><a href="#" title="1934&ndash;1939" id="NineteenThirtyFourToNineteenThirtyNine"><h3 class="decadeListInactiveButton">1934&ndash;1939</h3></a></li>
  69.  
  70.                             </ul>
  71.                             <div class="clr"></div>
  72.                         </div><!-- end div #home_blog_archives -->
  73.                         <div class="clr"></div>
  74.                     </div><!-- end div #home_decades_desc_left -->
  75.                     <div id="home_decades_desc_right">
  76.                         <div id="decadeProgressContainer">
  77.                             <span class="titleFontNoBorder" id="decade1label">2000</span><div id="decade1" class="progressBarSpacingTop"></div> <span id="decade1AmountGiven">$130,000</span><br />
  78.                             <span class="titleFontNoBorder" id="decade2label">2001</span> <div id="decade2" class="progressBarSpacing"></div><span id="decade2AmountGiven">$130,000</span><br />
  79.                             <span class="titleFontNoBorder" id="decade3label">2002</span> <div id="decade3" class="progressBarSpacing"></div><span id="decade3AmountGiven">$130,000</span><br />
  80.                             <span class="titleFontNoBorder" id="decade4label">2003</span> <div id="decade4" class="progressBarSpacing"></div><span id="decade4AmountGiven">$130,000</span><br />
  81.                             <span class="titleFontNoBorder" id="decade5label">2004 </span> <div id="decade5" class="progressBarSpacing"></div><span id="decade5AmountGiven">$130,000</span><br />
  82.                             <span class="titleFontNoBorder" id="decade6label">2005</span> <div id="decade6" class="progressBarSpacing"></div><span id="decade6AmountGiven">$130,000</span><br />
  83.                             <span class="titleFontNoBorder" id="decade7label">2006</span> <div id="decade7" class="progressBarSpacing"></div><span id="decade7AmountGiven">$130,000</span><br />
  84.                             <span class="titleFontNoBorder" id="decade8label">2007</span> <div id="decade8" class="progressBarSpacing"></div><span id="decade8AmountGiven">$130,000</span><br />
  85.                             <span class="titleFontNoBorder" id="decade9label">2008</span> <div id="decade9" class="progressBarSpacing"></div><span id="decade9AmountGiven">$130,000</span><br />
  86.                             <span class="titleFontNoBorder" id="decade10label">2009</span> <div id="decade10" class="progressBarSpacing"></div><span id="decade10AmountGiven">$130,000</span><br />
  87.                             <span class="titleFontNoBorder" id="decade11label">2010</span> <div id="decade11" class="progressBarSpacing"></div><span id="decade11AmountGiven">$130,000</span><br />
  88.                             <span class="titleFontNoBorder" id="decade12label">2011</span> <div id="decade12" class="progressBarSpacing"></div><span id="decade12AmountGiven">$130,000</span><br />
  89.                             <span class="titleFontNoBorder" id="decade13label">2012</span><div id="decade13" class="progressBarSpacing"></div><span id="decade13AmountGiven">$130,000</span>
  90.                         </div><!--end div #decadeProgressContainer-->
  91.                     </div><!-- end div #home_decades_desc_right -->
  92.                    
  93.                     <div class="clr"></div>
  94.                 </div><!-- end div #home_blog_content -->
  95.                 <div class="clr"></div>
  96.             </div><!-- end div #blog_inn -->
  97.             <div class="clr"></div>
  98.         </div><!-- end div #blog_botm_bg -->
  99.         <div class="clr"></div>
  100.     </div><!-- end div #blog -->
  101.     <div class="clr"></div>
  102. </div>
  103. <!-- END BLOG POST SECTION -->
  104. <script type="text/javascript">
  105.     //We are creating all of our variables we will use in this page.
  106.     //These values are used to initialize and create the progress bars. The years 2000-2012 are active by default, so we want to set decade1 to the year 2000 and decade12 to the year 2012.
  107.     var decade1Donors = 0, decade1TotalDonors = 1,
  108.     decade2Donors = 0, decade2TotalDonors = 1,
  109.     decade3Donors = 0, decade3TotalDonors = 1,
  110.     decade4Donors = 0, decade4TotalDonors = 1,
  111.     decade5Donors = 0, decade5TotalDonors = 1,
  112.     decade6Donors = 0, decade6TotalDonors = 1,
  113.     decade7Donors = 0, decade7TotalDonors = 1,
  114.     decade8Donors = 0, decade8TotalDonors = 1,
  115.     decade9Donors = 0, decade9TotalDonors = 1,
  116.     decade10Donors = 0, decade10TotalDonors = 1,
  117.     decade11Donors = 0, decade11TotalDonors = 1,
  118.     decade12Donors = 0, decade12TotalDonors = 1,
  119.     decade13Donors = 0, decade13TotalDonors = 1;
  120.  
  121.     //initilize our bars
  122.     initilizeBars2000to2012(decade1Donors, decade1TotalDonors, decade2Donors, decade2TotalDonors, decade3Donors, decade3TotalDonors, decade4Donors, decade4TotalDonors, decade5Donors, decade5TotalDonors, decade6Donors, decade6TotalDonors, decade7Donors, decade7TotalDonors, decade8Donors, decade8TotalDonors, decade9Donors, decade9TotalDonors, decade10Donors, decade10TotalDonors, decade11Donors, decade11TotalDonors, decade12Donors, decade12TotalDonors, decade13Donors, decade13TotalDonors);
  123.  
  124.         //Update the decades when links are set
  125.         $("#TwoThousandToTwentyTwelve").click(function () {
  126.             //set values
  127.             decade1Donors = 1, decade1TotalDonors = 3,
  128.         decade2Donors = 0, decade2TotalDonors = 1,
  129.         decade3Donors = 0, decade3TotalDonors = 1,
  130.         decade4Donors = 0, decade4TotalDonors = 1,
  131.         decade5Donors = 0, decade5TotalDonors = 1,
  132.         decade6Donors = 0, decade6TotalDonors = 1,
  133.         decade7Donors = 0, decade7TotalDonors = 1,
  134.         decade8Donors = 0, decade8TotalDonors = 1,
  135.         decade9Donors = 0, decade9TotalDonors = 1,
  136.         decade10Donors = 0, decade10TotalDonors = 1,
  137.         decade11Donors = 0, decade11TotalDonors = 1,
  138.         decade12Donors = 0, decade12TotalDonors = 1,
  139.         decade13Donors = 0, decade13TotalDonors = 1;
  140.             //update bars
  141.           updateBars12Years(decade1Donors, decade1TotalDonors, decade2Donors, decade2TotalDonors, decade3Donors, decade3TotalDonors, decade4Donors, decade4TotalDonors, decade5Donors, decade5TotalDonors, decade6Donors, decade6TotalDonors, decade7Donors, decade7TotalDonors, decade8Donors, decade8TotalDonors, decade9Donors, decade9TotalDonors, decade10Donors, decade10TotalDonors, decade11Donors, decade11TotalDonors, decade12Donors, decade12TotalDonors, decade13Donors, decade13TotalDonors);
  142.         });
  143.         $("#NineteenNinetyToNineteenNinetyNine").click(function () {
  144.             //set values
  145.             decade1Donors = 1, decade1TotalDonors = 3,
  146.         decade2Donors = 4, decade2TotalDonors = 4,
  147.         decade3Donors = 4, decade3TotalDonors = 1,
  148.         decade4Donors = 4, decade4TotalDonors = 7,
  149.         decade5Donors = 4, decade5TotalDonors = 5,
  150.         decade6Donors = 0, decade6TotalDonors = 4,
  151.         decade7Donors = 0, decade7TotalDonors = 1,
  152.         decade8Donors = 0, decade8TotalDonors = 1,
  153.         decade9Donors = 0, decade9TotalDonors = 1;
  154.             //update bars
  155.           updateBars9Years(decade1Donors, decade1TotalDonors, decade2Donors, decade2TotalDonors, decade3Donors, decade3TotalDonors, decade4Donors, decade4TotalDonors, decade5Donors, decade5TotalDonors, decade6Donors, decade6TotalDonors, decade7Donors, decade7TotalDonors, decade8Donors, decade8TotalDonors, decade9Donors, decade9TotalDonors);
  156.         });
  157.         $("#NineteenEightyToNineteenEightyNine").click(function () {
  158.             //set values
  159.             decade1Donors = 1, decade1TotalDonors = 3,
  160.         decade2Donors = 4, decade2TotalDonors = 4,
  161.         decade3Donors = 4, decade3TotalDonors = 1,
  162.         decade4Donors = 4, decade4TotalDonors = 7,
  163.         decade5Donors = 4, decade5TotalDonors = 5,
  164.         decade6Donors = 0, decade6TotalDonors = 4,
  165.         decade7Donors = 0, decade7TotalDonors = 1,
  166.         decade8Donors = 0, decade8TotalDonors = 1,
  167.         decade9Donors = 0, decade9TotalDonors = 1;
  168.             //update bars
  169.           updateBars9Years(decade1Donors, decade1TotalDonors, decade2Donors, decade2TotalDonors, decade3Donors, decade3TotalDonors, decade4Donors, decade4TotalDonors, decade5Donors, decade5TotalDonors, decade6Donors, decade6TotalDonors, decade7Donors, decade7TotalDonors, decade8Donors, decade8TotalDonors, decade9Donors, decade9TotalDonors);
  170.         });
  171.         $("#NineteenSeventyToNineteenSeventyNine").click(function () {
  172.             //set values
  173.             decade1Donors = 1, decade1TotalDonors = 3,
  174.         decade2Donors = 4, decade2TotalDonors = 4,
  175.         decade3Donors = 4, decade3TotalDonors = 1,
  176.         decade4Donors = 4, decade4TotalDonors = 7,
  177.         decade5Donors = 4, decade5TotalDonors = 5,
  178.         decade6Donors = 0, decade6TotalDonors = 4,
  179.         decade7Donors = 0, decade7TotalDonors = 1,
  180.         decade8Donors = 0, decade8TotalDonors = 1,
  181.         decade9Donors = 0, decade9TotalDonors = 1;
  182.             //update bars
  183.           updateBars9Years(decade1Donors, decade1TotalDonors, decade2Donors, decade2TotalDonors, decade3Donors, decade3TotalDonors, decade4Donors, decade4TotalDonors, decade5Donors, decade5TotalDonors, decade6Donors, decade6TotalDonors, decade7Donors, decade7TotalDonors, decade8Donors, decade8TotalDonors, decade9Donors, decade9TotalDonors);
  184.         });
  185.         $("#NineteenSixtyToNineteenSixtyNine").click(function () {
  186.             //set values
  187.             decade1Donors = 1, decade1TotalDonors = 3,
  188.         decade2Donors = 4, decade2TotalDonors = 4,
  189.         decade3Donors = 4, decade3TotalDonors = 1,
  190.         decade4Donors = 4, decade4TotalDonors = 7,
  191.         decade5Donors = 4, decade5TotalDonors = 5,
  192.         decade6Donors = 0, decade6TotalDonors = 4,
  193.         decade7Donors = 0, decade7TotalDonors = 1,
  194.         decade8Donors = 0, decade8TotalDonors = 1,
  195.         decade9Donors = 0, decade9TotalDonors = 1;
  196.             //update bars
  197.           updateBars9Years(decade1Donors, decade1TotalDonors, decade2Donors, decade2TotalDonors, decade3Donors, decade3TotalDonors, decade4Donors, decade4TotalDonors, decade5Donors, decade5TotalDonors, decade6Donors, decade6TotalDonors, decade7Donors, decade7TotalDonors, decade8Donors, decade8TotalDonors, decade9Donors, decade9TotalDonors);
  198.         });
  199.         $("#NineteenFiftyToNineteenFiftyNine").click(function () {
  200.             //set values
  201.             decade1Donors = 1, decade1TotalDonors = 3,
  202.         decade2Donors = 4, decade2TotalDonors = 4,
  203.         decade3Donors = 4, decade3TotalDonors = 1,
  204.         decade4Donors = 4, decade4TotalDonors = 7,
  205.         decade5Donors = 4, decade5TotalDonors = 5,
  206.         decade6Donors = 0, decade6TotalDonors = 4,
  207.         decade7Donors = 0, decade7TotalDonors = 1,
  208.         decade8Donors = 0, decade8TotalDonors = 1,
  209.         decade9Donors = 0, decade9TotalDonors = 1;
  210.             //update bars
  211.           updateBars9Years(decade1Donors, decade1TotalDonors, decade2Donors, decade2TotalDonors, decade3Donors, decade3TotalDonors, decade4Donors, decade4TotalDonors, decade5Donors, decade5TotalDonors, decade6Donors, decade6TotalDonors, decade7Donors, decade7TotalDonors, decade8Donors, decade8TotalDonors, decade9Donors, decade9TotalDonors);
  212.         });
  213.         $("#NineteenFourtyToNineteenFourtyNine").click(function () {
  214.             //set values
  215.             decade1Donors = 1, decade1TotalDonors = 3,
  216.         decade2Donors = 4, decade2TotalDonors = 4,
  217.         decade3Donors = 4, decade3TotalDonors = 1,
  218.         decade4Donors = 4, decade4TotalDonors = 7,
  219.         decade5Donors = 4, decade5TotalDonors = 5,
  220.         decade6Donors = 0, decade6TotalDonors = 4,
  221.         decade7Donors = 0, decade7TotalDonors = 1,
  222.         decade8Donors = 0, decade8TotalDonors = 1,
  223.         decade9Donors = 0, decade9TotalDonors = 1;
  224.             //update bars
  225.           updateBars9Years(decade1Donors, decade1TotalDonors, decade2Donors, decade2TotalDonors, decade3Donors, decade3TotalDonors, decade4Donors, decade4TotalDonors, decade5Donors, decade5TotalDonors, decade6Donors, decade6TotalDonors, decade7Donors, decade7TotalDonors, decade8Donors, decade8TotalDonors, decade9Donors, decade9TotalDonors);
  226.         });
  227.       $("#NineteenThirtyFourToNineteenThirtyNine").click(function () {
  228.         //set values
  229.             decade1Donors = 1, decade1TotalDonors = 3,
  230.         decade2Donors = 4, decade2TotalDonors = 4,
  231.         decade3Donors = 4, decade3TotalDonors = 1,
  232.         decade4Donors = 4, decade4TotalDonors = 7,
  233.         decade5Donors = 4, decade5TotalDonors = 5,
  234.         decade6Donors = 0, decade6TotalDonors = 4,
  235.         decade7Donors = 0, decade7TotalDonors = 1,
  236.         decade8Donors = 0, decade8TotalDonors = 1,
  237.         decade9Donors = 0, decade9TotalDonors = 1;
  238.             //update bars
  239.           updateBars9Years(decade1Donors, decade1TotalDonors, decade2Donors, decade2TotalDonors, decade3Donors, decade3TotalDonors, decade4Donors, decade4TotalDonors, decade5Donors, decade5TotalDonors, decade6Donors, decade6TotalDonors, decade7Donors, decade7TotalDonors, decade8Donors, decade8TotalDonors, decade9Donors, decade9TotalDonors);
  240.         });
  241.  
  242. </script>
  243. <script type="text/javascript">
  244.  
  245.   var _gaq = _gaq || [];
  246.   _gaq.push(['_setAccount', 'UA-XXXXXXX-X']);
  247.   _gaq.push(['_trackPageview']);
  248.  
  249.   (function() {
  250.     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  251.     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  252.     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  253.   })();
  254.  
  255. </script>
  256. </body>
  257. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!