Oops. Here is the code...
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<META name="description" content="Math facts game based on Betsy Ross Solataire">
<META name="keywords" content="math, facts, solataire, elementary, mental math">
<title><?php echo $page_title; ?></title>
<LINK REL=StyleSheet HREF="mathFacts.css" TYPE="text/css">
<script type="text/javascript" src="zdragdroplib.
js"></script>
<script type="text/javascript">
function doLoad() {
var oDraggable = new zDraggable(document.getElementById("stockpile"), zDraggable.DRAG_X | zDraggable.DRAG_Y);
var oDropTarget01 = new zDropTarget(document.getElementById("pile01"));
var oDropTarget02 = new zDropTarget(document.getElementById("pile02"));
var oDropTarget03 = new zDropTarget(document.getElementById("pile03"));
var oDropTarget04 = new zDropTarget(document.getElementById("pile04"));
var oDropTarget05 = new zDropTarget(document.getElementById("pile05"));
var oDropTarget06 = new zDropTarget(document.getElementById("pile06"));
var oDropTarget07 = new zDropTarget(document.getElementById("pile07"));
var oDropTarget08 = new zDropTarget(document.getElementById("pile08"));
var oDropTarget09 = new zDropTarget(document.getElementById("pile09"));
var oDropTarget10 = new zDropTarget(document.getElementById("pile10"));
// alert ("Loading") ;
oDraggable.addDropTarget(oDropTarget01);
oDropTarget01.addEventListener("drop", function (oEvent) {
oEvent.relatedTarget.moveTo(oDropTarget01.getLeft( ), oDropTarget01.getTop());
oDraggable.addDropTarget(oDropTarget02);
oDropTarget02.addEventListener("drop", function (oEvent) {
oEvent.relatedTarget.moveTo(oDropTarget02.getLeft( ), oDropTarget02.getTop());
});
}
</script>
</head>