1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Please Help

Discussion in 'HTML & JavaScript' started by administer, Mar 13, 2013.

  1. administer

    administer Registered Member

    Joined:
    Nov 19, 2008
    Messages:
    73
    Likes Received:
    1
    Hello,

    Thank you for stopping by to help.
    found this javascript of a game called: Towers of Hanoi.
    When I want to play a new game, it takes me back to an error page or does not refresh for a new game.
    Could you please help me fix this, so the game can refresh and have a new game by staying on my domain.
    Thank you for your help.
    Regards,
    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    
    <head>
    
    <title>Towers of Hanoi - Play Online</title>
    
    <meta content="text/html; charset=utf-8" http-equiv="content-type">
    
    <meta name="description" content="Play online the towers of hanoi game. Train your brain. There is a timer and the number of moves count, to measure your performance.">
    <meta name="keywords" content="Play,Online,Tower,Towers,Hanoi,Game,Puzzle">
    
    <style type="text/css">
    .dummy
    {
    border:1px solid black;
    position:absolute;
    visibility:visible;
    font-size:4px;
    background-color:blue
    }
    .disk
    {
    position:absolute;
    visibility:hidden;
    border-top:1px solid #888888;
    border-left:3px solid #888888;
    border-bottom:2px solid #000000;
    border-right:3px solid #000000;
    background-image:url("disk.png");
    width:50;
    height:14;
    }
    .diskp
    {
    position:absolute;
    visibility:hidden;
    border-top:1px solid #888888;
    border-left:3px solid #888888;
    border-bottom:2px solid #000000;
    border-right:3px solid #000000;
    background-image:url("diskp.png");
    width:50;
    height:14;
    }
    
    .vtower
    {
    position:relative;
    visibility:visible;
    border:3px solid black;
    background-color:black;
    width:8px;
    height:180px;
    }
    
    .htower
    {
    position:relative;
    visibility:visible;
    border:1px solid blue;
    font-size:1px;
    background-color:#669966;
    width:160px;
    height:8px;
    }
    .ClassCounterText
    {
    background-color:#aaffaa;
    font:18px bold;
    color: '#0000ff';
    text-align: center;
    text-valign: center;
    cursor:default
    }
    .ClassGameStatus
    {
    background-color:ccddcc;
    font:16px bold;
    color:#000000;
    border:0px solid #fff;
    text-align: right;
    cursor:default
    }
    
    </style>
    
    <script type="text/javascript">
    
    var zindex0 = 0;
    var currDisk0=null;
    var tower10=null;
    var tower20=null;
    var tower30=null;
    var tower1X0=0;
    var tower1Y0=0;
    var tower2X0=0;
    var tower2Y0=0;
    var tower3X0=0;
    var tower3Y0=0;
    var towerWidth0=0;
    var towerHeight0=0;
    var numDisks0;
    var disks0 = new Array();
    var tower1Disks0 = new Array(-1,-1,-1,-1,-1,-1,-1,-1,-1,-1);
    var numTower1Disks0 = 0;
    var tower2Disks0 = new Array(-1,-1,-1,-1,-1,-1,-1,-1,-1,-1);
    var numTower2Disks0 = 0;
    var tower3Disks0 = new Array(-1,-1,-1,-1,-1,-1,-1,-1,-1,-1);
    var numTower3Disks0 = 0;
    var fromTowerNum0=0;
    var dragState0=0;
    var numMoves0=0;
    var numMovesfld0;
    
    var timerStarted0=0;
    var timerID0=null;
    var timer10;
    
    Img1= new Image();
    Img1.src="disk.png";
    Img2= new Image();
    Img2.src="diskp.png";
    
    function inits()
    {
    initTowers0()
    
    numDisks = document.getElementById("NumDisks").value;
    
    initDisks0();
    
    placeDisks0();
    
    }
    
    function initTowers0()
    {
    tower1 = document.getElementById("vtower11");
    tower1X=getRealLeft(tower1);
    tower1Y=getRealTop(tower1);
    towerWidth=tower1.offsetWidth;
    towerHeight=tower1.offsetHeight;
    
    tower2 = document.getElementById("vtower2");
    tower2X=getRealLeft(tower2);
    tower2Y=getRealTop(tower2);
    
    tower3 = document.getElementById("vtower3");
    tower3X=getRealLeft(tower3);
    tower3Y=getRealTop(tower3);
    }
    
    function initDisks0()
    {
    var diskId;
    
    for (i=0; i<numDisks; i++)
    {
    diskId = (i+1);
    disks[i] = document.getElementById(diskId);
    disks[i].style.width = 48+(i*10);
    disks[i].style.height = 14;
    disks[i].style.visibility='visible';
    }
    }
    
    function placeDisks0()
    {
    var j=1;
    var i;
    for (i=numDisks-1; i>=0; i--)
    {
    disk=disks[i];
    dWidth=parseInt(disk.style.width);
    dHeight=parseInt(disk.style.height);
    disk.style.left=tower1X-(dWidth/2)+(towerWidth/2)+'px';
    disk.style.top=tower1Y+(towerHeight-(dHeight+5)*j)+'px';
    tower1Disks[numTower1Disks++] = i+1;
    j++;
    }
    }
    
    function redraw0()
    {
    initTowers();
    redrawDisks();
    }
    
    function redrawDisks0()
    {
    for (i=0; i<numTower1Disks; i++)
    {
    disk=disks[tower1Disks[i]-1];
    dWidth=parseInt(disk.style.width);
    dHeight=parseInt(disk.style.height);
    disk.style.left=tower1X-(dWidth/2)+(towerWidth/2)+'px';
    disk.style.top=tower1Y+(towerHeight-(dHeight+5)*(i+1))+'px';
    }
    for (i=0; i<numTower2Disks; i++)
    {
    disk=disks[tower2Disks[i]-1];
    dWidth=parseInt(disk.style.width);
    dHeight=parseInt(disk.style.height);
    disk.style.left=tower2X-(dWidth/2)+(towerWidth/2)+'px';
    disk.style.top=tower2Y+(towerHeight-(dHeight+5)*(i+1))+'px';
    }
    for (i=0; i<numTower3Disks; i++)
    {
    disk=disks[tower3Disks[i]-1];
    dWidth=parseInt(disk.style.width);
    dHeight=parseInt(disk.style.height);
    disk.style.left=tower3X-(dWidth/2)+(towerWidth/2)+'px';
    disk.style.top=tower3Y+(towerHeight-(dHeight+5)*(i+1))+'px';
    }
    }
    
    function moveDisk0(diskNum,towerNum)
    {
    gameEnded=0;
    
    disk=disks[diskNum-1];
    dWidth=parseInt(disk.style.width);
    dHeight=parseInt(disk.style.height);
    
    if (towerNum==1)
    {
    disk.style.left=tower1X-(dWidth/2)+(towerWidth/2)+'px';
    disk.style.top =
    tower1Y+(towerHeight-(dHeight+5)*(numTower1Disks+1))+'px';
    tower1Disks[numTower1Disks++] = diskNum;
    }
    else if (towerNum==2)
    {
    disk.style.left=tower2X-(dWidth/2)+(towerWidth/2)+'px';
    disk.style.top =
    tower2Y+(towerHeight-(dHeight+5)*(numTower2Disks+1))+'px';
    tower2Disks[numTower2Disks++] = diskNum;
    }
    else if (towerNum==3)
    {
    disk.style.left=tower3X-(dWidth/2)+(towerWidth/2)+'px';
    disk.style.top =
    tower3Y+(towerHeight-(dHeight+5)*(numTower3Disks+1))+'px';
    tower3Disks[numTower3Disks++] = diskNum;
    }
    
    if ( numDisks == numTower3Disks )
    {
    StopTimer();
    str = " Congratulations!! ";
    gameStat=document.getElementById("StatusId");
    gameStat.style.color = '#118811';
    gameStat.value = str;
    
    secFld=document.getElementById("SecId");
    str = "Seconds ";
    secFld.value = str;
    gameEnded=1;
    }
    
    return gameEnded;
    
    }
    
    function towerTopNum0(towerNum)
    {
    topNum=100;
    
    if (towerNum==1)
    {
    if ( numTower1Disks > 0 )
    {
    topNum = tower1Disks[numTower1Disks-1];
    }
    }
    else if (towerNum==2)
    {
    if ( numTower2Disks > 0 )
    {
    topNum = tower2Disks[numTower2Disks-1];
    }
    }
    else if (towerNum==3)
    {
    if ( numTower3Disks > 0 )
    {
    topNum = tower3Disks[numTower3Disks-1];
    }
    }
    
    return topNum;
    }
    
    function getRealLeft0(obj)
    {
    xPos = obj.offsetLeft;
    tempEl = obj.offsetParent;
    
    while (tempEl != null)
    {
    xPos += tempEl.offsetLeft;
    tempEl = tempEl.offsetParent;
    }
    
    return xPos;
    }
    
    function getRealTop0(obj)
    {
    yPos = obj.offsetTop;
    tempEl = obj.offsetParent;
    
    while (tempEl != null)
    {
    yPos += tempEl.offsetTop;
    tempEl = tempEl.offsetParent;
    }
    
    return yPos;
    }
    
    function isMoveable0(disk)
    {
    diskNum = parseInt(disk.id);
    towerNum = findTowerByDiskNum(diskNum);
    
    if ( towerNum == 1 )
    {
    if ( numTower1Disks > 0 )
    {
    if ( tower1Disks[numTower1Disks-1] == diskNum )
    {
    return true;
    }
    else
    {
    return false;
    }
    }
    }
    else if ( towerNum == 2 )
    {
    if ( numTower2Disks > 0 )
    {
    if ( tower2Disks[numTower2Disks-1] == diskNum )
    {
    return true;
    }
    else
    {
    return false;
    }
    }
    }
    else if ( towerNum == 3 )
    {
    if ( numTower3Disks > 0 )
    {
    if ( tower3Disks[numTower3Disks-1] == diskNum )
    {
    return true;
    }
    else
    {
    return false;
    }
    }
    }
    }
    
    function findTowerByDiskNum0(diskNum)
    {
    for (i=0; i<numTower1Disks; i++)
    {
    if ( tower1Disks[i] == diskNum )
    {
    return 1;
    }
    }
    for (i=0; i<numTower2Disks; i++)
    {
    if ( tower2Disks[i] == diskNum )
    {
    return 2;
    }
    }
    for (i=0; i<numTower3Disks; i++)
    {
    if ( tower3Disks[i] == diskNum )
    {
    return 3;
    }
    }
    return 0;
    }
    
    function initDrag0(disk,e)
    {
    if (dragState!=0) return;
    
    if (!isMoveable(disk))
    {
    return;
    }
    dragState=1;
    if (!e) e=event;
    x=e.clientX;
    y=e.clientY;
    tempx=parseInt(disk.style.left);
    tempy=parseInt(disk.style.top)
    currDisk=disk;
    diskNum = parseInt(disk.id);
    fromTowerNum = findTowerByDiskNum(diskNum);
    removeDiskFromTower(diskNum);
    document.onmousemove=dragDisk;
    
    timer1 = document.getElementById("TheTime");
    numMovesfld = document.getElementById("NumMoves");
    
    if ( timerStarted == 0 )
    {
    StartTimer();
    timerStarted=1;
    }
    }
    
    function StartTimers()
    {
    tStart = new Date();
    timerID = setTimeout("UpdateTimer()", 1000);
    }
    
    function StopTimers()
    {
    if(timerID)
    {
    clearTimeout(timerID);
    timerID = 0;
    }
    tStart = null;
    }
    
    function UpdateTimers()
    {
    if(timerID)
    {
    clearTimeout(timerID);
    }
    
    if (!tStart)
    {
    tStart = new Date();
    }
    var tDate = new Date();
    var tDiff = tDate.getTime() - tStart.getTime();
    
    tDate.setTime(tDiff);
    
    timer1.value = parseInt(tDiff/1000);
    timerID = setTimeout("UpdateTimer()", 1000);
    }
    
    function removeDiskFromTowers(diskNum)
    {
    for (i=0; i<numTower1Disks; i++)
    {
    if ( tower1Disks[i] == diskNum )
    {
    tower1Disks[i] = -1;
    numTower1Disks--;
    return;
    }
    }
    for (i=0; i<numTower2Disks; i++)
    {
    if ( tower2Disks[i] == diskNum )
    {
    tower2Disks[i] = -1;
    numTower2Disks--;
    return;
    }
    }
    for (i=0; i<numTower3Disks; i++)
    {
    if ( tower3Disks[i] == diskNum )
    {
    tower3Disks[i] = -1;
    numTower3Disks--;
    return;
    }
    }
    }
    
    function dragDisks(e)
    {
    if (!e) e=event;
    zindex++;
    
    var posX = tempx+e.clientX-x;
    var posY = tempy+e.clientY-y;
    currDisk.style.zIndex=zindex;
    currDisk.style.left=posX+'px';
    currDisk.style.top=posY+'px';
    }
    
    function dropDisks(disk)
    {
    if (dragState!=1) return;
    document.onmousemove=StopDrag;
    xPos=getRealLeft(disk);
    yPos=getRealTop(disk);
    diskNum = parseInt(disk.id);
    towerNum = checkDrop(disk);
    if (towerNum==0)
    {
    towerNum = fromTowerNum;
    }
    else
    {
    if ( diskNum>towerTopNum(towerNum) )
    {
    towerNum = fromTowerNum;
    }
    }
    if ( towerNum != fromTowerNum )
    {
    numMoves++;
    numMovesfld.value = numMoves;
    }
    
    if ( moveDisk(diskNum,towerNum) )
    {
    dragState=10;
    }
    else
    {
    dragState=0;
    }
    }
    
    function checkDrops(disk)
    {
    xPos=getRealLeft(disk);
    yPos=getRealTop(disk);
    xEndPos=xPos+parseInt(disk.style.width);
    yEndPos=yPos+parseInt(disk.style.height);
    diskWidth=xEndPos-xPos;
    towerNum=0;
    diskNum = parseInt(disk.id);
    
    if (
    (
    ( Math.abs(((xPos + xEndPos)/2) - (tower1X + (towerWidth/2))) <
    diskWidth ) &&
    ( yPos >= tower1Y ) &&
    ( yPos <= (tower1Y + towerHeight) )
    ) ||
    (
    ( xPos >= tower1X ) &&
    ( xPos <= (tower1X + towerWidth) ) &&
    ( yPos >= tower1Y ) &&
    ( yPos <= (tower1Y + towerHeight) )
    ) ||
    (
    ( xEndPos >= tower1X ) &&
    ( xEndPos <= (tower1X + towerWidth) ) &&
    ( yEndPos >= tower1Y ) &&
    ( yEndPos <= (tower1Y + towerHeight) )
    ) ||
    (
    ( tower1X >= xPos ) &&
    ( tower1X <= xEndPos ) &&
    ( tower1Y >= yPos ) &&
    ( tower1Y <= yEndPos )
    ) ||
    (
    ( (tower1X+towerWidth) >= xPos ) &&
    ( (tower1X+towerWidth) <= xEndPos ) &&
    ( (tower1Y+towerHeight) >= yPos ) &&
    ( (tower1Y+towerHeight) <= yEndPos )
    ) ||
    (
    (
    ( xPos < tower1X ) &&
    ( xEndPos > (tower1X + towerWidth) )
    ) &&
    (
    (
    ( yPos >= tower1Y ) &&
    ( yPos <= (tower1Y + towerHeight) )
    ) ||
    (
    ( yEndPos >= tower1Y ) &&
    ( yEndPos <= (tower1Y + towerHeight) )
    )
    )
    )
    )
    {
    towerNum=1;
    }
    else if (
    (
    ( Math.abs(((xPos + xEndPos)/2) - (tower2X + (towerWidth/2))) <
    diskWidth ) &&
    ( yPos >= tower2Y ) &&
    ( yPos <= (tower2Y + towerHeight) )
    ) ||
    (
    ( xPos >= tower2X ) &&
    ( xPos <= (tower2X + towerWidth) ) &&
    ( yPos >= tower2Y ) &&
    ( yPos <= (tower2Y + towerHeight) )
    ) ||
    (
    ( xEndPos >= tower2X ) &&
    ( xEndPos <= (tower2X + towerWidth) ) &&
    ( yEndPos >= tower2Y ) &&
    ( yEndPos <= (tower2Y + towerHeight) )
    ) ||
    (
    ( tower2X >= xPos ) &&
    ( tower2X <= xEndPos ) &&
    ( tower2Y >= yPos ) &&
    ( tower2Y <= yEndPos )
    ) ||
    (
    ( (tower2X+towerWidth) >= xPos ) &&
    ( (tower2X+towerWidth) <= xEndPos ) &&
    ( (tower2Y+towerHeight) >= yPos ) &&
    ( (tower2Y+towerHeight) <= yEndPos )
    ) ||
    (
    (
    ( xPos < tower2X ) &&
    ( xEndPos > (tower2X + towerWidth) )
    ) &&
    (
    (
    ( yPos >= tower2Y ) &&
    ( yPos <= (tower2Y + towerHeight) )
    ) ||
    (
    ( yEndPos >= tower2Y ) &&
    ( yEndPos <= (tower2Y + towerHeight) )
    )
    )
    )
    )
    {
    towerNum=2;
    }
    else if (
    (
    ( Math.abs(((xPos + xEndPos)/2) - (tower3X + (towerWidth/2))) <
    diskWidth ) &&
    ( yPos >= tower3Y ) &&
    ( yPos <= (tower3Y + towerHeight) )
    ) ||
    (
    ( xPos >= tower3X ) &&
    ( xPos <= (tower3X + towerWidth) ) &&
    ( yPos >= tower3Y ) &&
    ( yPos <= (tower3Y + towerHeight) )
    ) ||
    (
    ( xEndPos >= tower3X ) &&
    ( xEndPos <= (tower3X + towerWidth) ) &&
    ( yEndPos >= tower3Y ) &&
    ( yEndPos <= (tower3Y + towerHeight) )
    ) ||
    (
    ( tower3X >= xPos ) &&
    ( tower3X <= xEndPos ) &&
    ( tower3Y >= yPos ) &&
    ( tower3Y <= yEndPos )
    ) ||
    (
    ( (tower3X+towerWidth) >= xPos ) &&
    ( (tower3X+towerWidth) <= xEndPos ) &&
    ( (tower3Y+towerHeight) >= yPos ) &&
    ( (tower3Y+towerHeight) <= yEndPos )
    ) ||
    (
    (
    ( xPos < tower3X ) &&
    ( xEndPos > (tower3X + towerWidth) )
    ) &&
    (
    (
    ( yPos >= tower3Y ) &&
    ( yPos <= (tower3Y + towerHeight) )
    ) ||
    (
    ( yEndPos >= tower3Y ) &&
    ( yEndPos <= (tower3Y + towerHeight) )
    )
    )
    )
    )
    {
    towerNum=3;
    }
    
    return towerNum;
    }
    
    function StopDrags()
    {
    return false;
    }
    
    </script>
    
    <script language="javascript" src="t1.js" type="TEXT/JAVASCRIPT">
    </script>
    
     
    
    </head>
    
    <body id="body_id" bgcolor="#ddeedd">
    
     
    
    <h2 align="center"><font color="#bb0000"><u>Towers of Hanoi</u></font></h2>
    
    <div align="center">
    The objective of the game is to move the entire stack of disks from Tower 1 to Tower 3.
    <br>
    
    You can move only one disk at a time. No disk may be placed on top of a smaller disk.
    <br>
    
    A disk is moved between the towers by <font color="#bb0000">Drag & Drop.</font>
    </div>
    
    <br>
    
    <table border="0" align="center">
    
    <tr>
    <td bgcolor="ddeedd" valign="top"> </td>
    
    <td>
    <table border="0"
    align="center"
    cellspacing="0"
    bgcolor="#ccddcc">
    
    <tr>
    <td colspan="5" align="center">
    <table border="0">
    <tr>
    <td align="center">  </td>
    </tr>
    
    <tr>
    <td width="auto"
    height="auto"
    align="center">
    
    <div id="vtower1"
    class="vtower"> </div>
    
    <div id="htower1"
    class="htower"> </div> </td>
    
    <td align="center">
      
      
       </td>
    
    <td width="auto"
    height="auto"
    align="center">
    <div id="vtower2"
    class="vtower"> </div>
    
    <div id="htower2"
    class="htower"> </div> </td>
    
    <td align="center">
      
      
       </td>
    
    <td width="auto"
    height="auto"
    align="center">
    <div id="vtower3"
    class="vtower"> </div>
    
    <div id="htower3"
    class="htower"> </div> </td>
    </tr>
    
    <tr>
    <td align="center">
    <font color="#0000ff" size="3">
    <b>
    Tower 1 </b> </font> </td>
    
    <td align="center">
       </td>
    <td align="center">
    <font color="#0000ff" size="3">
    <b>
    Tower 2 </b> </font> </td>
    
    <td align="center">
       </td>
    
    <td align="center">
    <font color="#0000ff" size="3">
    <b>
    Tower 3 </b> </font> </td>
    </tr>
    
    <tr>
    <td colspan="5" align="center">  </td>
    </tr>
    
    <tr>
    <td colspan="5" align="center">
    <table>
    <tr>
    <TD align="left">
    <INPUT TYPE="text"
    readonly
    class="ClassGameStatus"
    NAME="GameStatus"
    ID="StatusId"
    Size="20"
    Value="Time:"> </TD>
    
    <td align="center">
    <input align="right"
    readonly
    type="text"
    value="0"
    class="ClassCounterText"
    ID="TheTime"
    size="5"> </td>
    
    <td align="center">
    <INPUT TYPE="text"
    class="ClassGameStatus"
    ID="SecId"
    readonly
    size="12"
    Value="Seconds. "> </td>
    
    <td align="center">
    <input align="right"
    readonly
    type="text"
    value="0"
    class="ClassCounterText"
    id="NumMoves"
    size=4>
    Moves. </td>
    
    <td align="left"> </td>
    </tr>
    </table> </td>
    </tr>
    
    <tr>
    <td align="center" colspan="5">
    <b>
    <font color="#0000ff" size="3">
    (Minimum number of moves to solve this puzzle is: </font>
    <font color="#bb0055" size="3">
    7 </font>
    <font color="#0000ff" size="3">
    )         </font> </b> </td>
    </tr>
    
    <tr>
    <td colspan="5" align="center">  </td>
    </tr>
    
    <tr>
    <td colspan="5" align="center">
    <form name="form1" METHOD=POST ACTION="http://www.12qwas.com/towers-of-hanoi/index.php">
    <table>
    <tr>
    <td>
    Number of disks: </td>
    
    <td>
    <select name="MinNumOfSteps"
    onChange="form1.submit();">
    <option value="7" selected>3</option>
    <option value="15" >4</option>
    <option value="31" >5</option>
    <option value="63" >6</option>
    <option value="127" >7</option>
    <option value="255" >8</option>
    <option value="511" >9</option>
    </select> </td>
    
    <td>
    <INPUT TYPE="submit"
    NAME="NewGame"
    VALUE="New Game"> </td>
    </tr>
    </table>
    </form> </td>
    
    <TD align="center">
    <!--a href="../index.php">
    <img src="../images/home.jpg"
    alt="home"
    height="32"
    width="32">
    </a--> </TD>
    </tr>
    </table> </td>
    
    <td bgcolor="ddeedd" valign="top">  </td>
    </tr>
    
    <tr valign="top">
    <td align="center" colspan="5">
    <table>
    <tr>
    
    </tr>
    </table> </td>
    </tr>
    </table> </td>
    </tr>
    
    <tr><td align="center" colspan="10"> </td></tr>
    </table>
    
    <div align="center"><br>
    <br>
    <center><a href="../index.html"><font size="2">Home</font></a></center>
    </div>
    
    <INPUT TYPE="hidden" ID="NumOfDisks" VALUE="3">
    
    <div id="I0"
    class="disk"
    onmousedown="initDrag(this,event)"
    onmouseup="dropDisk(this)">
    </div>
    <div id="I1"
    class="diskp"
    onmousedown="initDrag(this,event)"
    onmouseup="dropDisk(this)">
    </div>
    <div id="I2"
    class="disk"
    onmousedown="initDrag(this,event)"
    onmouseup="dropDisk(this)">
    </div>
    <div id="I3"
    class="diskp"
    onmousedown="initDrag(this,event)"
    onmouseup="dropDisk(this)">
    </div>
    <div id="I4"
    class="disk"
    onmousedown="initDrag(this,event)"
    onmouseup="dropDisk(this)">
    </div>
    <div id="I5"
    class="diskp"
    onmousedown="initDrag(this,event)"
    onmouseup="dropDisk(this)">
    </div>
    <div id="I6"
    class="disk"
    onmousedown="initDrag(this,event)"
    onmouseup="dropDisk(this)">
    </div>
    <div id="I7"
    class="diskp"
    onmousedown="initDrag(this,event)"
    onmouseup="dropDisk(this)">
    </div>
    <div id="I8"
    class="disk"
    onmousedown="initDrag(this,event)"
    onmouseup="dropDisk(this)">
    </div>
    <div id="I9"
    class="diskp"
    onmousedown="initDrag(this,event)"
    onmouseup="dropDisk(this)">
    </div>
    
    <img src="disk.png"
    width="0"
    id="temp"
    height="0"
    alt="">
    
    <script language="javascript"
    type="TEXT/JAVASCRIPT">
    init();
    </script>
    
    </body>
    
    </html>
     
    Last edited: Mar 13, 2013
  2. innozemec

    innozemec Jr. VIP Jr. VIP

    Joined:
    Aug 19, 2011
    Messages:
    5,289
    Likes Received:
    1,799
    Location:
    www.Indexification.com
    Home Page:
  3. Ptrick125

    Ptrick125 Regular Member

    Joined:
    Mar 4, 2013
    Messages:
    428
    Likes Received:
    113
    Occupation:
    Going To School
    Location:
    Near Austin, Texas
    Home Page:
    It would take some time to analyze the whole script... There may be people who will do it in the "Hire a Freelancer" section.