"Lås" et felt ved klik
Hej, jeg sidder med følgende lille script, som skal forestille starten på et "kryds og bolle" spil. Nu er mit problem at jeg på en eller anden måde, skal have gjort sådan at når man har trykket på et felt, skal man ikke kunne trykke på det igen.Altså : Man trykker på et felt. Det felt får farven rød, hvis man trykker på et nyt felt (eller det samme igen) får det farven blå. Dette skal jeg have lavet om så hvis man trykker på det samme felt igen, sker der ikke noget.
Håber det er forståeligt :)
<script language="JavaScript" type="text/javascript">
var turn = 1 ;
function hitField(fieldID) {
var fieldObj = document.getElementById(fieldID) ;
var whatColor = (turn == 1) ? "red" : "blue";
fieldObj.style.backgroundColor = whatColor ;
turn = (turn == 1) ? 2 : 1 ;
}
</script>
Og her selve spille feltet :
<table width="150" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="field" id="f1" onClick="hitField('f1')"> </td>
<td class="field" id="f2" onClick="hitField('f2')"> </td>
<td class="field" id="f3" onClick="hitField('f3')"> </td>
</tr>
<tr>
<td class="field" id="f4" onClick="hitField('f4')"> </td>
<td class="field" id="f5" onClick="hitField('f5')"> </td>
<td class="field" id="f6" onClick="hitField('f6')"> </td>
</tr>
<tr>
<td class="field" id="f7" onClick="hitField('f7')"> </td>
<td class="field" id="f8" onClick="hitField('f8')"> </td>
<td class="field" id="f9" onClick="hitField('f9')"> </td>
</tr>
</table>
