1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79
| <html>
<head>
<title>Second devoir</title>
<script type="text/javascript">
var statusOfMoutons = new Array();
var idOfCurrentlySelectedMouton = -1;
function initializeGame()
{
statusOfMoutons = [0,1,1,1,0,0,2,2,2,0];
idOfCurrentlySelectedMouton = -1;
drawTable();
}
function clickOnMouton(idOfClickedCell)
{
//alert("this is " + idOfClickedCell + ", with status: " + statusOfMoutons[idOfClickedCell]);
statusOfMoutons[idOfClickedCell] = ((statusOfMoutons[idOfClickedCell]+1)%3);
if(idOfCurrentlySelectedMouton == idOfClickedCell)
{
idOfCurrentlySelectedMouton = -1;
}
else if(idOfCurrentlySelectedMouton == -1)
{
idOfCurrentlySelectedMouton = idOfClickedCell;
}
else
{
//alert("wants to move to " + idOfClickedCell);
}
drawTable();
}
function drawTable()
{
statusOfMoutons = [0,1,1,1,0,0,2,2,2,0];
var tableContentString = "<tr>";
for(var i=0; i<statusOfMoutons.length; i++)
{
if (statusOfMoutons[i] == 0)
tableContentString += "<td onclick='clickOnMouton(" + i + ");'>";
else if (statusOfMoutons[i] == 1)
tableContentString += "<td onclick='clickOnMouton(" + i + ");'><img src='mouton1.png' alt=''/>";
else if(statusOfMoutons[i] == 2)
tableContentString += "<td onclick='clickOnMouton(" + i + ");'><img src='mouton2.png' alt=''/>";
tableContentString += "</td>";
}
tableContentString += "</tr>";
var tableElement = document.getElementById('moutonTable');
tableElement.innerHTML = tableContentString;
}
</script>
<style type="text/css">
table {border-collapse: collapse;}
td, th {border: 2pt solid black;}
td, th {width: 6em; height: 6em;}
img {width: 6em;}
</style>
</head>
<body onload="initializeGame();">
<table id="moutonTable">
</table>
<input type="button" value="recommencer" onclick="initializeGame();"/>
</body>
</html> |
Partager