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 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97
|
$(document).ready(function()
{
$('<h1></h1>').html( "MORPION" + '</br></br>').appendTo('#page');
$('#page').append('<table class="tableau"></table>');
creerGrille();
var Case="",nbrClick=0, pointO=1, pointX=1 ,victoire=0, nbrVictoire=0;
function createCookie(name,value,time)
{
if (time!==undefined)
{
var date = new Date();
date.setTime(date.getTime()+(time*1000));
expires = "; expires="+date.toGMTString();
}
else expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name)
{
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++)
{
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0)
{
var r = c.substring(nameEQ.length,c.length);
if(r=='')return null;
else return r;
}
}
return null;
}
createCookie("monCookie","salut",7);
var valeur=""+readCookie("monCookie");
alert(valeur);
function creerGrille()
{
var nbrCases=3;
for(i=1;i<=nbrCases;i++)
{
$('.tableau').append('<tr class='+"ligne_"+i+'><td class=colone_1></td><td class=colone_2></td><td class=colone_3></td></tr>');
}
}
$('td').click(function()
{
var colone = $(this).attr('class') ;
var ligne=$(this).parent().attr('class') ;
if($('tr.'+ligne+' td.'+colone).text()=="")
{
nbrClick++;
if(nbrClick%2==0)
$('tr.'+ligne+' td.'+colone).append('X');
else
$('tr.'+ligne+' td.'+colone).append('O');
}
for(var j=1; j<=3 ; j++)
{
verif($('tr.ligne_'+j+' td.colone_1').text() , $('tr.ligne_'+j+' td.colone_2').text() , $('tr.ligne_'+j+' td.colone_3').text(),"O");
verif($('tr.ligne_'+j+' td.colone_1').text() , $('tr.ligne_'+j+' td.colone_2').text() , $('tr.ligne_'+j+' td.colone_3').text(),"X");
verif($('tr.ligne_1 td.colone_'+j).text() , $('tr.ligne_2 td.colone_'+j).text() , $('tr.ligne_3 td.colone_'+j).text(),"O");
verif($('tr.ligne_1 td.colone_'+j).text() , $('tr.ligne_2 td.colone_'+j).text() , $('tr.ligne_3 td.colone_'+j).text(),"X");
verif($('tr.ligne_1 td.colone_1').text() , $('tr.ligne_2 td.colone_2').text() , $('tr.ligne_3 td.colone_3').text(),"O");
verif($('tr.ligne_1 td.colone_1').text() , $('tr.ligne_2 td.colone_2').text() , $('tr.ligne_3 td.colone_3').text(),"X");
verif($('tr.ligne_1 td.colone_3').text() , $('tr.ligne_2 td.colone_2').text() , $('tr.ligne_3 td.colone_1').text(),"O");
verif($('tr.ligne_1 td.colone_3').text() , $('tr.ligne_2 td.colone_2').text() , $('tr.ligne_3 td.colone_1').text(),"X");
}
function verif(verif1,verif2,verif3,joueur)
{
if( verif1==joueur && verif2==joueur && verif3==joueur && victoire==0)
{
$('<h1></h1>').html( "Victoire joueur : "+joueur + '</br></br>').appendTo('#page');
victoire++;
nbrVictoire++;
}
}
});
}); |