Menu
hi all,
I’ve got this piece of malfunctioning code:
in <head></head> :
[CODE]
<script type=”text/javascript”>
function defaultPieces(){
clr = document.chess.side.value;
if(clr == ‘b’){
oclr = ‘w’;
}
else{
oclr = ‘b’;
}
for(i=1;i<9;i++){
document.getElementById(i+’B’).src = “images/pion_”+oclr+”.gif”;
document.getElementById(i+’G’).src = “images/pion_”+clr+”.gif”;
}
document.getElementById(‘1A’).src = “images/tower_”+oclr+”.gif”;
document.getElementById(‘8A’).src = “images/tower_”+oclr+”.gif”;
document.getElementById(‘1H’).src = “images/tower_”+clr+”.gif”;
document.getElementById(‘8H’).src = “images/tower_”+clr+”.gif”;
}
</script>
and this in my <body onLoad=”javascript:init();”></body> tags:
[code=html]
<tr>
<td style=”width:75px;height:75px;background-color:black”><img src=”images/blank.gif” name=”1B” id=”2B” onClick=”javascript:setId(this.id)”></td>
<td style=”width:75px;height:75px;”><img src=”images/blank.gif” name=”2B” id=”2B” onClick=”javascript:setId(this.id)”></td>
<td style=”width:75px;height:75px;background-color:black”><img src=”images/blank.gif” name=”3B” id=”3B” onClick=”javascript:setId(this.id)”></td>
<td style=”width:75px;height:75px;”><img src=”images/blank.gif” name=”4B” id=”4B” onClick=”javascript:setId(this.id)”></td>
<td style=”width:75px;height:75px;background-color:black”><img src=”images/blank.gif” name=”5B” id=”5B” onClick=”javascript:setId(this.id)”></td>
<td style=”width:75px;height:75px;”><img src=”images/blank.gif” name=”6B” id=”6B” onClick=”javascript:setId(this.id)”></td>
<td style=”width:75px;height:75px;background-color:black”><img src=”images/blank.gif” name=”7B” id=”7B” onClick=”javascript:setId(this.id)”></td>
<td style=”width:75px;height:75px;”><img src=”images/blank.gif” name=”8B” id=”8B” onClick=”javascript:setId(this.id)”></td>
</tr>
all the images exist and the table does too, the setId function works
but another strange thing is that the image id’s and names seem to mix up 😮 …
any idea why this ain’t working?