Basketball

The Code (fresh off the presses, displaying what was used above):

  1. <script type="text/javascript">
  2. <!--
  3. var distanceBall=0;
  4. var directionBall=1;
  5. var timerToggle=null;
  6. function animateBall()
  7. {
  8. document.getElementById("basketball").style.top=distanceBall + "px";
  9. distanceBall+=directionBall;
  10. if (distanceBall>200)
  11. {
  12. directionBall=-1;
  13. }
  14. if (0>distanceBall)
  15. {
  16. directionBall=1;
  17. }
  18. timerToggle = setTimeout("animateBall()",10);
  19. }
  20. function checkButton()
  21. {
  22. if (document.getElementById("ballButton").value=="Animate Basketball")
  23. {
  24. document.getElementById("ballButton").value="Stop Basketball";
  25. animateBall();
  26. } else
  27. {
  28. document.getElementById("ballButton").value="Animate Basketball";
  29. clearTimeout(timerToggle);
  30. }
  31. }
  32. // -->
  33. </script>
  34. <input id="ballButton" onclick="checkButton()" type="button" value="Animate Basketball" />
  35. <div id="basketball" style="position: relative;"><img src="http://netlumination.com/wp-content/uploads/2009/10/Basketball_64x64-1.png" alt="Basketball" /></div>
  36. <h2>The Code (fresh off the presses, displaying what was used above):</h2>
  37. <?php
  38. include_once "../php/codify-function.php";
  39. // Show code ##################################################################
  40. codify(file_get_contents(__FILE__), 'javascript');
  41. ?>