4 op een rij

Plak dit tussen de <head> tags <script language="javascript"> var image1=new Image(); image1.src="pl1a.gif"; var image2=new Image(); image2.src="pl2a.gif"; var image3=new Image(); image3.src="pl1b.gif"; var image4=new Image(); image4.src="pl2b.gif"; var gridw,gridh,d,done,iswon,grid; var player2wins=0, player1wins=0, draws=0, games=-1,content; var pl1turn=true; var isNS=(navigator.appName=="Netscape"); function init(){ games++; iswon=false; d=document.f; grid=new Array(); for(c=1;c<=gridw;c++){ showhover(false,c); grid[c]=new Array(); for(r=1;r<=gridh;r++){ grid[c][r]=0; d[('rc'+r+c)].src="start.gif"; }} writetext(4); oktoplay=true; } function writetext(num){ oktoplay=false; switch(num){ case 1: content='<center><b>Dit spel eindigt gelijk.<br><br>druk op de "C" key voor nog een spel..</b></center>'; break; case 2: content='<center><b>Zwart heeft dit spel gewonnen.<br><br>Druk op de "C" voor nog een spel..</b></center>'; break; case 3: content='<center><b>Rood heeft dit spel gewonnen.<br><br>druk op de "C" key voor nog een spel..</b></center>'; break; case 4: content='<br><center><table border="0" cellpadding="0" cellspacing="0"><tr><td width="150" align="left"><b>Totaal gespeeld:<br>Zwart Score:<br>Rood Score:<br>Gelijk:</b></td>'; content+='<td width="20" align="right"><b>'+games+'<br>'+player1wins+'<br>'+player2wins+'<br>'+draws+'</b></td></tr><tr><td colspan="2" align="center"><br><font color="blue"><b>'; content+=(pl1turn)?'Zwart is aan de beurt...':'Rood is aan de beurt...'; content+='</b></font></td></tr></table></center>'; oktoplay=true; break; } if(isNS){ document.scores.document.open(); document.scores.document.write('<div style="position:absolute; left:0px; top:0px; font-size:18px; color:#000000">'+content+'</div>'); document.scores.document.close(); }else{ document.all.scores.innerHTML=content; }} function testgrid(tmp){ done=true; for(c=1;c<=gridw;c++){ if(grid[c][1]==0)done=false; } if(done){ draws++; writetext(1); }else{ var tmp=(pl1turn)?1:2; var rx,cx; for(c=1;c<=gridw;c++){ for(r=1;r<=gridh-3;r++){ if((grid[c][r]==tmp)&&(grid[c][r+1]==tmp)&&(grid[c][r+2]==tmp)&&(grid[c][r+3]==tmp)){ iswon=iswon||true; }}} if(!iswon){ for(r=1;r<=gridh;r++){ for(c=1;c<=gridw-3;c++){ if((grid[c][r]==tmp)&&(grid[c+1][r]==tmp)&&(grid[c+2][r]==tmp)&&(grid[c+3][r]==tmp)){ iswon=iswon||true; }}}} if(!iswon){ for(n=1;n<=diagarray1.length-1;n++){ for(w=0;w<=diagarray1[n].length-4;w++){ rx=new Array(); cx=new Array(); for(i=0;i<=3;i++){ cx[i]=parseInt(diagarray1[n][w+i].substr(0,1)); rx[i]=parseInt(diagarray1[n][w+i].substr(1,1)); } if((grid[cx[0]][rx[0]]==tmp)&&(grid[cx[1]][rx[1]]==tmp)&&(grid[cx[2]][rx[2]]==tmp)&&(grid[cx[3]][rx[3]]==tmp)){ iswon=iswon||true; }}}} if(!iswon){ for(n=1;n<=diagarray2.length-1;n++){ for(w=0;w<=diagarray2[n].length-4;w++){ rx=new Array(); cx=new Array(); for(i=0;i<=3;i++){ cx[i]=parseInt(diagarray2[n][w+i].substr(0,1)); rx[i]=parseInt(diagarray2[n][w+i].substr(1,1)); } if((grid[cx[0]][rx[0]]==tmp)&&(grid[cx[1]][rx[1]]==tmp)&&(grid[cx[2]][rx[2]]==tmp)&&(grid[cx[3]][rx[3]]==tmp)){ iswon=iswon||true; }}}} if(iswon){ eval('player'+tmp+'wins++'); writetext(tmp+1); }else{ pl1turn=!pl1turn; writetext(4); }}} function showhover(isON,column){ status=''; if(pl1turn){ d[('col'+column)].src=(isON)? "pl1b.gif" : "nothing.gif"; }else{ d[('col'+column)].src=(isON)? "pl2b.gif" : "nothing.gif"; }} function dropchip(column){ if(oktoplay){ oktoplay=false; var moved=false; var stop=false; for(r=gridh;r>=1;r--){ if(!stop){ if(grid[column][r]==0){ grid[column][r]=(pl1turn)? 1 : 2 ; d[('rc'+r+column)].src=(pl1turn)? "pl1a.gif" : "pl2a.gif"; moved=true; stop=true; }}} d[('col'+column)].src=(pl1turn)? "pl2b.gif" : "pl1b.gif"; testgrid(); if(!moved)alert('Dit is niet mogelijk !'); }} function start(){ alert('Instructies:\n\n- Dit spel wordt met 2 spelers gespeeld. Rood tegen Zwart.\n- Laat om de beurt een chip vallen\n- Zorg voor 4 gelijke kleuren op rij, in een kolom, of diagonanaal.\n- Druk de \"C\" key op ieder moment om een nieuw spel te starten.\n\n Ga met de muis boven het speelveld en laat de chips vallen \n\n druk nu op \"Ok\" om te beginnen.'); init(); } window.onload=start; function reloadNS(){ setTimeout('window.location.reload()', 500); } if(isNS) window.onresize=reloadNS; function showkeypress(keypress){ var whichkey; whichkey=(isNS)? keypress.which : window.event.keyCode; if((whichkey==99)||(whichkey==67))init(); } if(isNS)window.captureEvents(Event.KEYPRESS); window.onkeypress=showkeypress; document.onkeypress=showkeypress; </script>

Plak dit tussen de <body> tags <center> <table cellpadding="5" cellspacing="0" border="0" bgcolor="white"> <tr> <td align="center"> <form name="f"> <table cellpadding="0" cellspacing="0" border="0"> <script language="javascript"> function getvals(txt){ gridw=prompt(txt+'Geef de breedte van het speelveld in (4 to 9).',6); gridh=prompt(txt+'Geef de hoogte van het speelveld in (4 to 9).',6); } getvals(''); while((isNaN(parseInt(gridw)))||(isNaN(parseInt(gridh)))||(gridw<4)||(gridh<4)||(gridw>9)||(gridh>9))getvals('Some or all values you entered are invalid.\n'); gridh=parseInt(gridh); gridw=parseInt(gridw); var diagarray1=new Array(); diagarray1[1]=new Array('16','27','38','49'); diagarray1[2]=new Array('15','26','37','48','59'); diagarray1[3]=new Array('14','25','36','47','58','69'); diagarray1[4]=new Array('13','24','35','46','57','68','79'); diagarray1[5]=new Array('12','23','34','45','56','67','78','89'); diagarray1[6]=new Array('11','22','33','44','55','66','77','88','99'); diagarray1[7]=new Array('21','32','43','54','65','76','87','98'); diagarray1[8]=new Array('31','42','53','64','75','86','97'); diagarray1[9]=new Array('41','52','63','74','85','96'); diagarray1[10]=new Array('51','62','73','84','95'); diagarray1[11]=new Array('61','72','83','94'); for(n=1;n<=6;n++){ diagarray1[n]=diagarray1[n].slice(0,gridw-6+n); } for(n=7;n<=11;n++){ diagarray1[n]=diagarray1[n].slice(0,gridh-n+6); } var x=Math.min(gridh,gridw); for(n=1;n<=11;n++){ diagarray1[n]=diagarray1[n].slice(0,x); } diagarray1=diagarray1.slice(9-gridw,gridh+3); var diagarray2=new Array(); diagarray2[1]= new Array('41','32','23','14'); diagarray2[2]= new Array('51','42','33','24','15'); diagarray2[3]= new Array('61','52','43','34','25','16'); diagarray2[4]= new Array('71','62','53','44','35','26','17'); diagarray2[5]= new Array('81','72','63','54','45','36','27','18'); diagarray2[6]= new Array('91','82','73','64','55','46','37','28','19'); diagarray2[7]= new Array(0,'92','83','74','65','56','47','38','29'); diagarray2[8]= new Array(0,0,'93','84','75','66','57','48','39'); diagarray2[9]= new Array(0,0,0,'94','85','76','67','58','49'); diagarray2[10]=new Array(0,0,0,0,'95','86','77','68','59'); diagarray2[11]=new Array(0,0,0,0,0,'96','87','78','69'); for(n=1;n<gridh-3;n++){ diagarray2[n]=diagarray2[n].slice(0,gridw); } for(n=gridh-3,ctr=0;((ctr<=Math.min(11,gridh+gridw-5))&&(n<=11));ctr++,n++){ diagarray2[n]=diagarray2[n].slice(ctr, gridw); } diagarray2=diagarray2.slice(0,gridh+gridw-6); var txt='<tr><td> </td>'; for(c=1;c<=gridw;c++){ txt+='<td width="40" height="40"><a href="javascript:dropchip('+c+')" onmouseover="showhover(true,'+c+'); return true" onmouseout="showhover(false,'+c+')"><img src="nothing.gif" name="col'+c+'" border="0"></a></td>'; } txt+='<td> </td></tr>'; for(r=1;r<=gridh;r++){ txt+='<tr><td><img src="side.gif"></td>'; for(c=1;c<=gridw;c++){ txt+='<td width="40" height="40"><img src="start.gif" name="rc'+r+c+'"></td>'; } txt+='<td><img src="side.gif"></td></tr>'; } txt+='<td><img src="side.gif"></td>'; for(c=1;c<=gridw;c++){ txt+='<td valign="top"><img src="bot.gif"></td>'; } txt+='<td><img src="side.gif"></td>'; document.write(txt); </script> </table> </td> <td align="center" width="200"> <br><br> <div id="scores" style="position:relative; height:70px;"> </div> </td> </tr> </table> <br> </form> </center>

� www.leejoo.nl