<script type="text/javascript">
<!--
var distanceBall=0;
var directionBall=1;
var timerToggle=null;
function animateBall()
{
document.getElementById("basketball").style.top=distanceBall + "px";
distanceBall+=directionBall;
if (distanceBall>200)
{
directionBall=-1;
}
if (0>distanceBall)
{
directionBall=1;
}
timerToggle = setTimeout("animateBall()",10);
}
function checkButton()
{
if (document.getElementById("ballButton").value=="Animate Basketball")
{
document.getElementById("ballButton").value="Stop Basketball";
animateBall();
} else
{
document.getElementById("ballButton").value="Animate Basketball";
clearTimeout(timerToggle);
}
}
// -->
</script>
<input id="ballButton" onclick="checkButton()" type="button" value="Animate Basketball" />
<div id="basketball" style="position: relative;"><img src="http://netlumination.com/wp-content/uploads/2009/10/Basketball_64x64-1.png" alt="Basketball" /></div>
<h2>The Code (fresh off the presses, displaying what was used above):</h2>
<?php
include_once "../php/codify-function.php";
// Show code ##################################################################
codify(file_get_contents(__FILE__), 'javascript');
?>