Aslında ajax'ada gerek yok ama mantık oluşturmak lazım . Şöyle birşey yaptım fakat tek kolon'a tıklaınca birden fazla kolon açmıyor şuan

az önce yazdım

<script type="text/javascript">
var kolon = 16;
var mayin = 10;
var bayrak_sayi = 10;
var toplam = kolon * kolon;
var sonuc = false;
var bir = 0;
document.write('<table border="0">');
document.write('<tr>');
for(i=1;i<=toplam;i++){
rand = 4;
if(mayin == 0){
rand--;
}
var id = Math.floor(Math.random()*rand);
if(id == 3){
mayin--;
}
document.write('<td style="height:24px; width:24px; border:solid 1px #000; background-color:#ccc;" onclick="onayla(this,'+id+');" oncontextmenu="bayrak(this);" onmouseover="over(this);" onmouseout="out(this);">');
document.write('&nbsp;</td>');
if(i % kolon == 0){
document.write('</tr><tr>');
 }
}
document.write('</tr>');
document.write('</table>');

function onayla(val,id){
if(sonuc || bir == toplam) return false;
if(val.style.backgroundColor == "red"){
val.style.backgroundColor = "#ccc";
val.style.border = "solid 1px #000";
bayrak_sayi++;
}
if(id == 3){
val.style.backgroundColor = "black";
val.style.border = "solid 1px #fff";
sonuc = true;
return false;
}
val.innerHTML = "<center>"+id+"</center>";
bir++;
}
function bayrak(val){
if(sonuc || bir == toplam) return false;
if(val.style.backgroundColor != "rgb(153, 153, 153)"){
val.style.backgroundColor = "#ccc";
bayrak_sayi++;
}else if(bayrak_sayi > 0 && val.innerHTML == "&nbsp;"){
val.style.backgroundColor = "red";
bayrak_sayi--;
}else if(bayrak_sayi == 0){
alert('Daha fazla bayrak koyamazsınız..');
}
return false;
}
function over(val){
if(sonuc || bir == toplam) return false;
val.style.cursor = "pointer";
if(val.style.backgroundColor == "rgb(204, 204, 204)"){
val.style.backgroundColor = "#999";
val.style.border = "solid 1px #eee";
}
}
function out(val){
if(sonuc || bir == toplam) return false;
if(val.style.backgroundColor != "red" && val.style.backgroundColor != "black"){
val.style.backgroundColor = "#ccc";
val.style.border = "solid 1px #000";
}
}
</script>