Download
Retour vers 'Kitweb/Gag'
JOUEZ A DEUX
Cliquez sur "download" pour télécharger le kit nécessaire.
Compatible IE et NS (4.75 et 6.1).

							Cliquer pour démarrer
							SCORE: Rouge Noir

1/ Inscrivez entre HEAD et /HEAD :
ou entre BODY et /BODY...
<STYLE TYPE="text/css"> BODY{background-color: white} IMG {border: 0} A:visited {color: blue} FONT.score {color: blue; font-size: large} FONT.redscore {color: red} FONT.blackscore {color: black} </STYLE> <SCRIPT LANGUAGE="JavaScript"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin var vals = new Array() var gameActive = 0 function rePlay() { if (gameActive == 1) { document.formo.redScoreBoard.value = redScore + "" document.formo.blackScoreBoard.value = blackScore + "" clearBoard() } for (var c1 = 0; c1 <= 6; c1++) { vals[c1] = 0 } } var redSpot = new Image() var blackSpot = new Image() var emptySpot = new Image() var emptyChecker = new Image() var redChecker = new Image() var blackChecker = new Image() redSpot.src = "fillred.gif" blackSpot.src = "fillblack.gif" emptySpot.src = "fillempty.gif" emptyChecker.src = "clearness.gif" redChecker.src = "redchecker.gif" blackChecker.src = "blackchecker.gif" var whosTurn = "red" var whosTurnSpot = new Image() var whosTurnChecker = new Image() whosTurnSpot.src = redSpot.src whosTurnChecker.src = redChecker.src function clearBoard() { for (var a = 7; a <= 48; a++) { document.images[a].src = emptySpot.src } } function placeTop(picToPlace) { if (gameActive == 1) { document.images[picToPlace].src = whosTurnChecker.src } } function unPlaceTop(picToUnplace) { if (gameActive == 1) { document.images[picToUnplace].src = emptyChecker.src } } var placeLoc function dropIt(whichRow) { if (gameActive == 1) { //alert("func dropIt") placeLoc = (7 - vals[whichRow]) * 7 -7 + whichRow if (vals[whichRow] < 6) { document.images[placeLoc].src = whosTurnSpot.src vals[whichRow] = vals[whichRow] + 1 checkForWinner(whosTurn) switchTurns() placeTop(whichRow) } } } function whoGoesFirst() { whosTurn = whosFirst switchTurns() if (whosFirst == "red") { whosFirst = "black" } else { whosFirst = "red" } } function switchTurns() { if (gameActive == 1) { //alert("func switchTurns") if (whosTurn == "red") { whosTurn = "black" whosTurnSpot.src = blackSpot.src whosTurnChecker.src = blackChecker.src document.formo.texter.value = blackPlayer + ": c'est ton tour." } else { whosTurn = "red" whosTurnSpot.src = redSpot.src whosTurnChecker.src = redChecker.src document.formo.texter.value = redPlayer + ": c'est ton tour." } } } var redPlayer var blackPlayer var whosFirst function askForNames() { if (gameActive == 1) { //alert("func askForNames") redScore = 0 blackScore = 0 document.formo.redScoreBoard.value = redScore + "" document.formo.blackScoreBoard.value = blackScore + "" matchMade = 1 redPlayer = prompt("Le nom du joueur rouge ?", "") blackPlayer = prompt("Le nom du joueur noir ?", "") whosFirst = prompt("Qui commence?", "") if (redPlayer == null || redPlayer == "") { redPlayer = "Pions rouges" } if (blackPlayer == null || blackPlayer == "") { blackPlayer = "Pions noirs" } if (whosFirst == "r" || whosFirst == "red" || whosFirst == redPlayer) { document.formo.texter.value = redPlayer + "'s turn." whosTurn = "black" switchTurns() whosFirst = "red" } else { document.formo.texter.value = blackPlayer + ": c'est ton tour !" whosTurn = "red" switchTurns() whosFirst = "black" } } } var lookForSrc var redScore = 0 var blackScore = 0 var someOneWon var rowsFull = 0 function checkForWinner(colorToCheck) { if (gameActive == 1) { //alert("func checkForWinner") someOneWon = 0 if (colorToCheck == "red") { lookForSrc = redSpot.src } if (colorToCheck == "black") { lookForSrc = blackSpot.src } rowsFull = 0 //alert("LookForSrc = " + lookForSrc + ". And document.images[7].src = " + document.images[7].src) for (var counter = 7; counter <= 48; counter++) { if (document.images[counter].src == lookForSrc) { if ((counter + 3 <= 48 && counter != 11 && counter != 12 && counter != 13 && counter != 18 && counter != 19 && counter != 20 && counter != 25 && counter != 26 && counter != 27 && counter != 32 && counter != 33 && counter != 34 && counter != 39 && counter != 40 && counter != 41 && document.images[counter + 1].src == lookForSrc && document.images[counter + 2].src == lookForSrc && document.images[counter + 3].src == lookForSrc) || (counter + 3 * 7 <= 48 && document.images[counter + 7].src == lookForSrc && document.images[counter + 7*2].src == lookForSrc && document.images[counter + 7*3].src == lookForSrc) || (counter + 3 * 7 <= 48 && counter != 11 && counter != 12 && counter != 13 && counter != 18 && counter != 19 && counter != 20 && counter != 25 && counter != 26 && counter != 27 && document.images[counter + 7 + 1].src == lookForSrc && document.images[counter + 7*2 + 2].src == lookForSrc && document.images[counter + 7*3 + 3].src == lookForSrc) || (counter - 3 * 7 >= 7 && counter != 32 && counter != 33 && counter != 34 && counter != 39 && counter != 40 && counter != 41 && counter != 46 && counter != 47 && counter != 48 && document.images[counter - 7 + 1].src == lookForSrc && document.images[counter - 7*2 + 2].src == lookForSrc && document.images[counter - 7*3 + 3].src == lookForSrc)) { for (var c2 = 0; c2<= 6; c2++) { unPlaceTop(c2) } if (colorToCheck == "red") { alert(redPlayer + " a gagné.") redScore += 1 } else if (colorToCheck == "black") { alert(blackPlayer + " a gagné.") blackScore += 1 } gameActive = 0 someOneWon = 1 counter = 49 document.formo.redScoreBoard.value = redScore + "" document.formo.blackScoreBoard.value = blackScore + "" } } } if (someOneWon != 1) { for (var poo = 0; poo <= 6; poo++) { if (vals[poo] == 6) { rowsFull += 1 } } if (rowsFull == 7) { for (var c3 = 0; c3<= 6; c3++) { unPlaceTop(c3) } gameActive = 0 alert("Bravo: une ligne complète !") } } } } var matchMade = 0 function newGame() { if (matchMade == 1) { gameActive = 1 rePlay() whoGoesFirst() } } function newMatchUp() { if (confirm("Vous désirez commencer un nouveau match ?")) { gameActive = 1 rePlay() askForNames() } } function setMsg(whatToSay) { window.status = whatToSay return true } // End --> </script>

2/ Inscrivez DANS la balise BODY :
<BODY OnLoad="rePlay()">

3/ Inscrivez entre BODY et /BODY :

<form name="formo"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td><a href="javascript:void dropIt(0)" onMouseOver="placeTop(0); setMsg(''); return true" onMouseOut="unPlaceTop(0)"><img border="0" src="clearness.gif" height="50" width="50"></a></td> <td><a href="javascript:void dropIt(1)" onMouseOver="placeTop(1); setMsg(''); return true" onMouseOut="unPlaceTop(1)"><img border="0" src="clearness.gif" height="50" width="50"></a></td> <td><a href="javascript:void dropIt(2)" onMouseOver="placeTop(2); setMsg(''); return true" onMouseOut="unPlaceTop(2)"><img border="0" src="clearness.gif" height="50" width="50"></a></td> <td><a href="javascript:void dropIt(3)" onMouseOver="placeTop(3); setMsg(''); return true" onMouseOut="unPlaceTop(3)"><img border="0" src="clearness.gif" height="50" width="50"></a></td> <td><a href="javascript:void dropIt(4)" onMouseOver="placeTop(4); setMsg(''); return true" onMouseOut="unPlaceTop(4)"><img border="0" src="clearness.gif" height="50" width="50"></a></td> <td><a href="javascript:void dropIt(5)" onMouseOver="placeTop(5); setMsg(''); return true" onMouseOut="unPlaceTop(5)"><img border="0" src="clearness.gif" height="50" width="50"></a></td> <td><a href="javascript:void dropIt(6)" onMouseOver="placeTop(6); setMsg(''); return true" onMouseOut="unPlaceTop(6)"><img border="0" src="clearness.gif" height="50" width="50"></a></td> <td align=right>Cliquer pour démarrer<br><input type="button" name="startButton" value="Nouveau match" onClick="newMatchUp()"></td> </tr> <tr> <td><a href="javascript:void dropIt(0)" onMouseOver="placeTop(0); setMsg(''); return true" onMouseOut="unPlaceTop(0)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(1)" onMouseOver="placeTop(1); setMsg(''); return true" onMouseOut="unPlaceTop(1)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(2)" onMouseOver="placeTop(2); setMsg(''); return true" onMouseOut="unPlaceTop(2)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(3)" onMouseOver="placeTop(3); setMsg(''); return true" onMouseOut="unPlaceTop(3)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(4)" onMouseOver="placeTop(4); setMsg(''); return true" onMouseOut="unPlaceTop(4)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(5)" onMouseOver="placeTop(5); setMsg(''); return true" onMouseOut="unPlaceTop(5)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(6)" onMouseOver="placeTop(6); setMsg(''); return true" onMouseOut="unPlaceTop(6)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td align=right><input type="button" name="reStartButton" value="Nouvelle partie" onClick="newGame()"></td> </tr> <tr> <td><a href="javascript:void dropIt(0)" onMouseOver="placeTop(0); setMsg(''); return true" onMouseOut="unPlaceTop(0)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(1)" onMouseOver="placeTop(1); setMsg(''); return true" onMouseOut="unPlaceTop(1)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(2)" onMouseOver="placeTop(2); setMsg(''); return true" onMouseOut="unPlaceTop(2)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(3)" onMouseOver="placeTop(3); setMsg(''); return true" onMouseOut="unPlaceTop(3)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(4)" onMouseOver="placeTop(4); setMsg(''); return true" onMouseOut="unPlaceTop(4)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(5)" onMouseOver="placeTop(5); setMsg(''); return true" onMouseOut="unPlaceTop(5)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(6)" onMouseOver="placeTop(6); setMsg(''); return true" onMouseOut="unPlaceTop(6)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td align=right><input type="text" name="texter" size="20"></td> </tr> <tr> <td><a href="javascript:void dropIt(0)" onMouseOver="placeTop(0); setMsg(''); return true" onMouseOut="unPlaceTop(0)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(1)" onMouseOver="placeTop(1); setMsg(''); return true" onMouseOut="unPlaceTop(1)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(2)" onMouseOver="placeTop(2); setMsg(''); return true" onMouseOut="unPlaceTop(2)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(3)" onMouseOver="placeTop(3); setMsg(''); return true" onMouseOut="unPlaceTop(3)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(4)" onMouseOver="placeTop(4); setMsg(''); return true" onMouseOut="unPlaceTop(4)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(5)" onMouseOver="placeTop(5); setMsg(''); return true" onMouseOut="unPlaceTop(5)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(6)" onMouseOver="placeTop(6); setMsg(''); return true" onMouseOut="unPlaceTop(6)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td valign="bottom" align=right><font class="score">SCORE:</font><br><font class="redscore">Rouge</font> <font class="blackscore">Noir</font></td> </tr> <tr> <td><a href="javascript:void dropIt(0)" onMouseOver="placeTop(0); setMsg(''); return true" onMouseOut="unPlaceTop(0)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(1)" onMouseOver="placeTop(1); setMsg(''); return true" onMouseOut="unPlaceTop(1)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(2)" onMouseOver="placeTop(2); setMsg(''); return true" onMouseOut="unPlaceTop(2)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(3)" onMouseOver="placeTop(3); setMsg(''); return true" onMouseOut="unPlaceTop(3)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(4)" onMouseOver="placeTop(4); setMsg(''); return true" onMouseOut="unPlaceTop(4)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(5)" onMouseOver="placeTop(5); setMsg(''); return true" onMouseOut="unPlaceTop(5)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(6)" onMouseOver="placeTop(6); setMsg(''); return true" onMouseOut="unPlaceTop(6)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td valign="top" align=right><input type="text" name="redScoreBoard" size="3"><input type ="text" name="blackScoreBoard" size="3"></td> </tr> <tr> <td><a href="javascript:void dropIt(0)" onMouseOver="placeTop(0); setMsg(''); return true" onMouseOut="unPlaceTop(0)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(1)" onMouseOver="placeTop(1); setMsg(''); return true" onMouseOut="unPlaceTop(1)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(2)" onMouseOver="placeTop(2); setMsg(''); return true" onMouseOut="unPlaceTop(2)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(3)" onMouseOver="placeTop(3); setMsg(''); return true" onMouseOut="unPlaceTop(3)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(4)" onMouseOver="placeTop(4); setMsg(''); return true" onMouseOut="unPlaceTop(4)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(5)" onMouseOver="placeTop(5); setMsg(''); return true" onMouseOut="unPlaceTop(5)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(6)" onMouseOver="placeTop(6); setMsg(''); return true" onMouseOut="unPlaceTop(6)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> </tr> <tr> <td><a href="javascript:void dropIt(0)" onMouseOver="placeTop(0); setMsg(''); return true" onMouseOut="unPlaceTop(0)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(1)" onMouseOver="placeTop(1); setMsg(''); return true" onMouseOut="unPlaceTop(1)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(2)" onMouseOver="placeTop(2); setMsg(''); return true" onMouseOut="unPlaceTop(2)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(3)" onMouseOver="placeTop(3); setMsg(''); return true" onMouseOut="unPlaceTop(3)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(4)" onMouseOver="placeTop(4); setMsg(''); return true" onMouseOut="unPlaceTop(4)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(5)" onMouseOver="placeTop(5); setMsg(''); return true" onMouseOut="unPlaceTop(5)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(6)" onMouseOver="placeTop(6); setMsg(''); return true" onMouseOut="unPlaceTop(6)"><img border="0" src="fillempty.gif" height="50" width="50"></A></td> </tr> </table> </form>

4/ Fichiers nécessaires :
A placer dans le même répertoire: • blackchecker.gif • clearness.gif • fillblack.gif • fillempty.gif • fillred.gif • redchecker.gif