CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2010 02 10 08:42:34

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

JEUX DE MOTS À RAYER

Information sur la source

Note :

8,67 / 10

Catégorie :Jeux Classé sous :jeux, gestion, tableau, innerhtml Niveau :Initié Date de création :03/11/2006 Vu / téléchargé :16 965 / 530

Auteur : corsica

Ecrire un message privé

Commentaire sur cette source (4)

Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale

Voici un exemple de jeu avec des mots à rayer.
On sélectionne le mot puis la direction dans lequel on le lit et enfin la premiére lettre du mot que l'on a trouvé dans la grille.
Si l'on a bon alors le mot dans la liste et le mot dans la grille se colorent ...

Source

<HTML>
<HEAD>
<TITLE>Mots à rayer By Corsica </TITLE>
<style>
.used { color:Gray; }
html, body {
padding:0px;
margin:10px 10px 10px 10px;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:11px;
color:blue ;
background: gray;
text-align:center;
}
div.titre {
padding:0px;
margin:0px 0px 0px 0px;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:16px;
color:blue ;
text-align:center;
background: white;
border: double 2 2 2 2 blue;
width:80%;
vertical-align: middle;
}
table.lettres {
background-color:white;
border:dotted 1 1 1 1;
text-align:center;
vertical-align:middle;
}
table.fleches {
background-color:white;
border:dotted 1 1 1 1;
text-align:center;
vertical-align:middle;
font-family:"Wingdings";
width:100%;
}
table.mots {
background-color:white;
border:dotted 1 1 1 1;
width:100px;
text-align:left;
vertical-align:top;
}
table.mots {
background-color:white;
border:dotted 1 1 1 1;
width:100px;
text-align:left;
vertical-align:top;
}
td.divMot {
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:14px;
width:200px;
}
td.divDir {
font-family:"Wingdings";
font-size:14px;
width:200px;
}
td.divOKKO {
font-family:"Wingdings";
font-size:32pt;
text-align:center;
width:50px;
}
a.lettres { text-decoration:none; width:100% ; color: blue}
a.lettres:visited { }
a.lettres:hover { font-size:14px; border:solid 1px ; background-color : white ; color: red ; }
a.lettres:active { }
a { text-decoration:none; width:100% ; color: blue}
a:visited { }
a:hover { background-color : blue ; color: white }
a:active { }
td.fleche { text-align:center; vertical-align:middle; font-family:"Wingdings" }
td.ct { text-align:center; vertical-align:top; }
td.cm { text-align:center; vertical-align:middle; }
td.lt { text-align:left; vertical-align:top; }
td.lm { text-align:left; vertical-align:middle; }
td.rt { text-align:right; vertical-align:top; }
td.rm { text-align:right; vertical-align:middle; }
</style>
<script>
Cols = 15;
Rows = 15;
var selMot;
var selDir;
var selOKKO;
var jsMot = "";
var jsDir = "";
var txtDir = "";
var txtMot = "";
var Ok = false;
var tabToGray = new Array();
var iToGray = 0;
tabData = new Array( Rows );
tabChaine = "uessetlaceercas" +
"ainfanteihadech" +
"epslccrhtvaniea" +
"deiihoceesittth" +
"nscaarunueeserc" +
"aerialerrqijoas" +
"bttnrmaetmiyadu" +
"erotetnpiiadime" +
"nmeneeatelsabne" +
"ibtgguiritdanac" +
"hsluegqseeronpn" +
"piseenmimproati" +
"urrluetetumgnor" +
"aeelbonsoeeirep" +
"delliatctolemac" ;
var tabMots = new Array();
var iMots = 0;
tabMots[ iMots++ ] = "abdiquer";
tabMots[ iMots++ ] = "altesse";
tabMots[ iMots++ ] = "avenement";
tabMots[ iMots++ ] = "bandeau";
tabMots[ iMots++ ] = "bleu";
tabMots[ iMots++ ] = "camelot";
tabMots[ iMots++ ] = "charte";
tabMots[ iMots++ ] = "chateau";
tabMots[ iMots++ ] = "couronne";
tabMots[ iMots++ ] = "courtisan";
tabMots[ iMots++ ] = "dauphin";
tabMots[ iMots++ ] = "diademe";
tabMots[ iMots++ ] = "edit";
tabMots[ iMots++ ] = "etiquette";
tabMots[ iMots++ ] = "imperatrice";
tabMots[ iMots++ ] = "infant";
tabMots[ iMots++ ] = "legitimiste";
tabMots[ iMots++ ] = "lis";
tabMots[ iMots++ ] = "majeste";
tabMots[ iMots++ ] = "monarchie";
tabMots[ iMots++ ] = "negus";
tabMots[ iMots++ ] = "noble";
tabMots[ iMots++ ] = "page";
tabMots[ iMots++ ] = "palais";
tabMots[ iMots++ ] = "prince";
tabMots[ iMots++ ] = "regent";
tabMots[ iMots++ ] = "reine";
tabMots[ iMots++ ] = "roi";
tabMots[ iMots++ ] = "royalisme";
tabMots[ iMots++ ] = "sacre";
tabMots[ iMots++ ] = "schah";
tabMots[ iMots++ ] = "sire";
tabMots[ iMots++ ] = "taille";
tabMots[ iMots++ ] = "tole";
tabMots[ iMots++ ] = "trone";
// 10
for ( var r = 0 ; r < Rows ; r++ )
{
var tempRow = new Array( Cols );
for ( var c = 0 ; c < Cols ; c++ )
{
tempRow[ c ] = tabChaine.substring( ( r * Cols ) + c , ( r * Cols ) + c + 1) ;
}
tabData[ r ] = tempRow;
}
function initTab()
{
//
// Génération du tableau de lettres
//
var myObj = document.getElementById("myHTMLTab");
var myTmpHTML = "";
myTmpHTML += "<table class=\"lettres\" >";
for ( var r = 0 ; r < Rows ; r++ )
{
myTmpHTML += "<tr>";
var tempRow = new Array( Rows );
tempRow = tabData[ r ] ;
for ( var c = 0 ; c < Cols ; c++ )
{
myTmpHTML += "<td width=\"20px\">";
MyCoord = "R" + ( r < 10 ? "0" + r : r ) + "C" + ( c < 10 ? "0" + c : c ) ;
myTmpHTML += "<a href=\"javascript:setLettre('" + MyCoord + "');\" id=\"" + MyCoord + "\">" + tempRow[ c ] + "</a>";
myTmpHTML += "</td>";
}
myTmpHTML += "</tr>";
}
myTmpHTML += "</table>";
myObj.innerHTML = myTmpHTML;
//
// Génération du tableau des mots
//
var myObj = document.getElementById("myHTMLMot");
myTmpHTML = "<table class=\"mots\">";
myTmpHTML += "<tr>";
iMots--;
nbTab = (( iMots - ( iMots % Rows )) / Rows ) + 1;
for ( var m = 0 ; m < nbTab ; m++ )
{
myTmpHTML += "<td valign=\"top\">";
myTmpHTML += "<table class=\"mots\">";
var Init = ( m * Rows ) ;
var Max = (( m + 1 ) * Rows );
for ( var mm = Init ; mm < ( Max > iMots ? iMots + 1 : Max ) ; mm++ )
{
myTmpHTML += "<tr>";
myTmpHTML += "<td>";
myTmpHTML += "<a href=\"javascript:setMot('" + tabMots[ mm ] + "');\" id=\""+ tabMots[mm] + "\"> " + tabMots[ mm ] + "</a>";
myTmpHTML += "</td>";
myTmpHTML += "</tr>";
}
myTmpHTML += "</table>";
myTmpHTML += "</td>";
}
myTmpHTML += "</tr>";
myTmpHTML += "</table>";
myObj.innerHTML = myTmpHTML;
// Generation du tableau de sélection de direction
myObj = document.getElementById("myHTMLDir");
myTmpHTML = "<table class=\"fleches\" border=1>" +
" <tr>" +
" <td rowspan=\"3\">" +
" <table class=\"statut\">" +
" <tr><td id=\"txtMot\" class=\"divMot\"></td>" +
" <td id=\"divMot\" class=\"divMot\"> </td>" +
" <td id=\"divOKKO\" class=\"divOKKO\" rowspan=\"2\"></td></tr>" +
" <tr><td id=\"txtDir\" class=\"divMot\"></td>" +
" <td id=\"divDir\" > </td></tr>" +
" </table>" +
" </td>" +
" <td><a href=\"javascript:setDir('NO','õ');\" alt=\"Vers le haut à gauche\">õ</a></td>" +
" <td><a href=\"javascript:setDir('N','ñ');\" alt=\"Vers le haut\">ñ</a></td>" +
" <td><a href=\"javascript:setDir('NE','ö');\" alt=\"Vers le haut à droite\">ö</a></td>" +
" </tr>" +
" <tr><td><a href=\"javascript:setDir('O','ï');\" title=\"Vers la gauche\">ï</a></td>" +
" <td><a href=\"javascript:setDir('C','J');\" title=\"Effacer les sélections\">J</a></td>" +
" <td><a href=\"javascript:setDir('E','ð');\" alt=\"Vers la droite\">ð</a></td></tr>" +
" <tr><td><a href=\"javascript:setDir('SO','÷');\" alt=\"Vers le bas à gauche\">÷</a></td>" +
" <td><a href=\"javascript:setDir('S','ò');\" alt=\"Vers le bas\">ò</a></td>" +
" <td><a href=\"javascript:setDir('SE','ø');\" alt=\"Vers le bas à droite\">ø</a></td></tr>" +
"</table>";
myObj.innerHTML = myTmpHTML;
// Récupération des objets de sélections de mot et direction
selDir = document.getElementById("divDir");
selMot = document.getElementById("divMot");
selOKKO = document.getElementById("divOKKO");
txtMot = document.getElementById("txtMot");
txtDir = document.getElementById("txtDir");
setDir("C");
}
function ctrlOKKO()
{
if ( jsMot == "" || jsDir == "" )
{
selOKKO.style.color = "red";
selOKKO.innerHTML = "û";
Ok = false;
}
else
{
selOKKO.style.color = "#00ff00";
selOKKO.innerHTML = "ü";
Ok = true;
}
}
function setDir( Dir , Img )
{
if ( Dir == "C" )
{
selDir.innerHTML = jsDir = "";
selMot.innerHTML = jsMot = "";
txtMot.innerHTML = "Choisissez un mot dans la liste";
txtDir.innerHTML = "Choisissez un sens de lecture";
}
else
{
selDir.innerHTML = Img;
txtDir.innerHTML = "Sens de lecture : ";
jsDir = Dir;
}
ctrlOKKO();
}
function setMot( Mot )
{
selMot.innerHTML = jsMot = Mot;
txtMot.innerHTML = "Mot sélectionné : ";
ctrlOKKO();
}
function setLettre( Lettre )
{
try {
myCol = eval(Lettre.substring( 4 , 7 ));
myRow = eval(Lettre.substring( 1 , 3 ));
myLength = jsMot.length;
if ( Ok == false ) return; myString = "";
iToGray = 0;
myTmpCol = myCol;
myTmpRow = myRow;
for ( var i = 0 ; i < myLength ; i++ )
{
tempRow = tabData[ myTmpRow ] ;
myString += tempRow[ myTmpCol ];
tabToGray[ iToGray++ ] = getCoord( myTmpRow , myTmpCol );
if ( jsDir == "E" || jsDir == "NE" || jsDir == "SE" ) myTmpCol++;
if ( jsDir == "O" || jsDir == "NO" || jsDir == "SO" ) myTmpCol--;
if ( jsDir == "N" || jsDir == "NE" || jsDir == "NO" ) myTmpRow--;
if ( jsDir == "S" || jsDir == "SE" || jsDir == "SO" ) myTmpRow++;
}
if ( jsMot != myString ) return;
Griser();
myTmpObj = document.getElementById(jsMot);
myTmpObj.style.color = "black";
}
catch ( e )
{
//window.status = e;
}
}
function set2DEC( Valeur )
{
if ( valeur < 10 ) return "0" + Valeur;
else return Valeur;
}
function getCoord( r , c)
{
return "R" + ( r < 10 ? "0" + r : r ) + "C" + ( c < 10 ? "0" + c : c ) ;
}
function Griser()
{
for ( var i=0 ; i < iToGray ; i++ )
{
myTmpObj = document.getElementById(tabToGray[i]);
myTmpObj.style.color = "white";
myTmpObj.style.backgroundColor = "gray";
}
}
</script>
</HEAD>
<body onLoad="initTab()">
<center><div class="titre"><br>Mots à rayer<br> </div><br>
<table cellpadding="5px">
<tr>
<td id="myHTMLTab" class="rt"></td>
<td id="myHTMLMot" class="lt"></td>
</tr>
<tr>
<td colspan="2" class="rt" id="myHTMLDir">
</td>
</tr>
</table>
</center>
</body>
</html>

<HTML>
<HEAD>
<TITLE>Mots à rayer By Corsica </TITLE>
<style> 
.used { color:Gray; }
html, body  {
		padding:0px;
		margin:10px 10px 10px 10px;
		font-family:"Trebuchet MS", Arial, sans-serif;
		font-size:11px;
		color:blue ; 
		background: gray;
		text-align:center;	
  		}
div.titre   {
		padding:0px;
		margin:0px 0px 0px 0px;
		font-family:"Trebuchet MS", Arial, sans-serif;
		font-size:16px;
		color:blue ; 
		text-align:center;
		background: white;
		border: double 2 2 2 2 blue;
		width:80%;
		vertical-align: middle;
  		}
table.lettres {
		background-color:white;
		border:dotted 1 1 1 1;
		text-align:center; 
		vertical-align:middle;
		}
table.fleches {
		background-color:white;
		border:dotted 1 1 1 1;
		text-align:center;
		vertical-align:middle; 
		font-family:"Wingdings";
		width:100%;
		}
table.mots	{
		background-color:white;
		border:dotted 1 1 1 1;
		width:100px;
		text-align:left; 
		vertical-align:top;	
		}
table.mots	{
		background-color:white;
		border:dotted 1 1 1 1;
		width:100px;
		text-align:left; 
		vertical-align:top;	
		}
td.divMot  {
		font-family:"Trebuchet MS", Arial, sans-serif;
		font-size:14px;
		width:200px;
		}
td.divDir  {
		font-family:"Wingdings";
		font-size:14px;
		width:200px;
		}
td.divOKKO	{
		font-family:"Wingdings";
		font-size:32pt;
		text-align:center;
		width:50px;
		}
a.lettres 		{ text-decoration:none; width:100% ; color: blue}
a.lettres:visited { }
a.lettres:hover 	{ font-size:14px; border:solid 1px ; background-color : white ; color: red ; }
a.lettres:active 	{ }
a 		{ text-decoration:none; width:100% ; color: blue}
a:visited 	{ }
a:hover 	{ background-color : blue ; color: white }
a:active 	{ }
td.fleche   { text-align:center; vertical-align:middle; font-family:"Wingdings" }
td.ct		{ text-align:center; vertical-align:top;		}
td.cm		{ text-align:center; vertical-align:middle;	}
td.lt		{ text-align:left; vertical-align:top;		}
td.lm		{ text-align:left; vertical-align:middle;	}
td.rt		{ text-align:right; vertical-align:top;		}
td.rm		{ text-align:right; vertical-align:middle;	}
</style>
<script>
Cols = 15;
Rows = 15;
var selMot;
var selDir;
var selOKKO;
var jsMot = "";
var jsDir = "";
var txtDir = "";
var txtMot = "";
var Ok = false;
var tabToGray = new Array();
var iToGray = 0;
tabData = new Array( Rows );

tabChaine = "uessetlaceercas" +
		"ainfanteihadech" +
		"epslccrhtvaniea" +
		"deiihoceesittth" +
		"nscaarunueeserc" +
		"aerialerrqijoas" +
		"bttnrmaetmiyadu" +
		"erotetnpiiadime" +
		"nmeneeatelsabne" +
		"ibtgguiritdanac" +
		"hsluegqseeronpn" +
		"piseenmimproati" +
		"urrluetetumgnor" +
		"aeelbonsoeeirep" +
		"delliatctolemac"	;

var tabMots = new Array();
var iMots = 0;
tabMots[ iMots++ ] = "abdiquer"; 
tabMots[ iMots++ ] = "altesse"; 
tabMots[ iMots++ ] = "avenement"; 
tabMots[ iMots++ ] = "bandeau"; 
tabMots[ iMots++ ] = "bleu"; 
tabMots[ iMots++ ] = "camelot"; 
tabMots[ iMots++ ] = "charte"; 
tabMots[ iMots++ ] = "chateau"; 
tabMots[ iMots++ ] = "couronne"; 
tabMots[ iMots++ ] = "courtisan"; 
tabMots[ iMots++ ] = "dauphin"; 
tabMots[ iMots++ ] = "diademe"; 
tabMots[ iMots++ ] = "edit"; 
tabMots[ iMots++ ] = "etiquette"; 
tabMots[ iMots++ ] = "imperatrice"; 
tabMots[ iMots++ ] = "infant"; 
tabMots[ iMots++ ] = "legitimiste"; 
tabMots[ iMots++ ] = "lis"; 
tabMots[ iMots++ ] = "majeste"; 
tabMots[ iMots++ ] = "monarchie"; 
tabMots[ iMots++ ] = "negus"; 
tabMots[ iMots++ ] = "noble"; 
tabMots[ iMots++ ] = "page"; 
tabMots[ iMots++ ] = "palais"; 
tabMots[ iMots++ ] = "prince"; 
tabMots[ iMots++ ] = "regent"; 
tabMots[ iMots++ ] = "reine"; 
tabMots[ iMots++ ] = "roi"; 
tabMots[ iMots++ ] = "royalisme"; 
tabMots[ iMots++ ] = "sacre"; 
tabMots[ iMots++ ] = "schah"; 
tabMots[ iMots++ ] = "sire"; 
tabMots[ iMots++ ] = "taille"; 
tabMots[ iMots++ ] = "tole"; 
tabMots[ iMots++ ] = "trone"; 

// 10
for 	( var  r = 0 ; r < Rows ; r++ )
    	{
      var tempRow = new Array( Cols );
	for 	( var c = 0 ; c < Cols ; c++ )
    		{
		tempRow[ c ] = tabChaine.substring( ( r * Cols ) + c , ( r * Cols ) + c + 1) ;
		}
	tabData[ r ] = tempRow;
	}		

function initTab()
{
	//
	// Génération du tableau de lettres
	//
	var myObj = document.getElementById("myHTMLTab");
	var myTmpHTML = "";
	myTmpHTML += "<table class=\"lettres\" >";
	for 	( var  r = 0 ; r < Rows ; r++ )
    	{
		myTmpHTML += "<tr>";
      	var tempRow = new Array( Rows );
		tempRow = tabData[ r ] ;
		for 	( var c = 0 ; c < Cols ; c++ )
    			{
			myTmpHTML += "<td width=\"20px\">";
			MyCoord = "R" + ( r < 10 ? "0" + r : r ) + "C" + ( c < 10 ? "0" + c : c ) ;
			myTmpHTML += "<a href=\"javascript:setLettre('" + MyCoord + "');\" id=\"" + MyCoord + "\">" + tempRow[ c ] + "</a>";
			myTmpHTML += "</td>";
			}
		myTmpHTML += "</tr>";
	}
	myTmpHTML += "</table>";
	myObj.innerHTML = myTmpHTML; 	


	//
	// Génération du tableau des mots
	//
	var myObj = document.getElementById("myHTMLMot");
	myTmpHTML = "<table class=\"mots\">";
	myTmpHTML += "<tr>";
	iMots--;
	nbTab = (( iMots - ( iMots % Rows )) / Rows ) + 1;
	for 	( var  m = 0 ; m < nbTab ; m++ )
    	{
		myTmpHTML += "<td valign=\"top\">";
		myTmpHTML += "<table class=\"mots\">";
		var Init = ( m * Rows ) ;
		var Max = (( m + 1 ) * Rows );
		for 	( var  mm = Init ; mm < ( Max > iMots ? iMots + 1 : Max ) ; mm++ )
    		{
		myTmpHTML += "<tr>";
		myTmpHTML += "<td>";
		myTmpHTML += "<a href=\"javascript:setMot('" + tabMots[ mm ] + "');\" id=\""+ tabMots[mm] + "\">&nbsp;" + tabMots[ mm ] + "</a>";
		myTmpHTML += "</td>";
		myTmpHTML += "</tr>";
		}
		myTmpHTML += "</table>";
		myTmpHTML += "</td>";
	}
	myTmpHTML += "</tr>";
	myTmpHTML += "</table>";
	myObj.innerHTML = myTmpHTML; 	

	// Generation du tableau de sélection de direction
	myObj = document.getElementById("myHTMLDir");
	myTmpHTML = "<table class=\"fleches\" border=1>" +
			" <tr>" +
			"     <td rowspan=\"3\">" +
			"		<table class=\"statut\">" +
			" 		  <tr><td id=\"txtMot\" class=\"divMot\"></td>" +
			"     	      <td id=\"divMot\" class=\"divMot\">&nbsp;</td>" +
			"     	      <td id=\"divOKKO\" class=\"divOKKO\" rowspan=\"2\"></td></tr>" +
			"     	  <tr><td id=\"txtDir\" class=\"divMot\"></td>" +
			"     	      <td id=\"divDir\" >&nbsp;</td></tr>" +
			"           </table>" +
			"     </td>" +
			"     <td><a href=\"javascript:setDir('NO','õ');\" alt=\"Vers le haut à gauche\">õ</a></td>" +
			"     <td><a href=\"javascript:setDir('N','ñ');\" alt=\"Vers le haut\">ñ</a></td>" +
			"     <td><a href=\"javascript:setDir('NE','ö');\" alt=\"Vers le haut à droite\">ö</a></td>" +
			" </tr>" +
			" <tr><td><a href=\"javascript:setDir('O','ï');\" title=\"Vers la gauche\">ï</a></td>" +
			"     <td><a href=\"javascript:setDir('C','J');\" title=\"Effacer les sélections\">J</a></td>" +
			"     <td><a href=\"javascript:setDir('E','ð');\" alt=\"Vers la droite\">ð</a></td></tr>" +
			" <tr><td><a href=\"javascript:setDir('SO','÷');\" alt=\"Vers le bas à gauche\">÷</a></td>" +
			"     <td><a href=\"javascript:setDir('S','ò');\" alt=\"Vers le bas\">ò</a></td>" +
			"     <td><a href=\"javascript:setDir('SE','ø');\" alt=\"Vers le bas à droite\">ø</a></td></tr>" +
			"</table>";
	myObj.innerHTML = myTmpHTML;

	// Récupération des objets de sélections de mot et direction
	selDir = document.getElementById("divDir");
	selMot = document.getElementById("divMot");
	selOKKO = document.getElementById("divOKKO");
	txtMot = document.getElementById("txtMot");
	txtDir = document.getElementById("txtDir");
	setDir("C");
}
function ctrlOKKO()
{
	if ( jsMot == "" || jsDir == "" )
	{
	selOKKO.style.color = "red";
	selOKKO.innerHTML = "û";
	Ok = false;
	}
	else
	{
	selOKKO.style.color = "#00ff00";
	selOKKO.innerHTML = "ü";
	Ok = true;
	}
}

function setDir( Dir , Img )
{
	if ( Dir == "C" )
	{
	selDir.innerHTML = jsDir = "";
	selMot.innerHTML = jsMot = "";
	txtMot.innerHTML = "Choisissez un mot dans la liste";
	txtDir.innerHTML = "Choisissez un sens de lecture";
	}
	else
	{
	selDir.innerHTML = Img;
	txtDir.innerHTML = "Sens de lecture : ";
	jsDir = Dir;
	}
	ctrlOKKO();
}
function setMot( Mot )
{
	selMot.innerHTML = jsMot = Mot;
	txtMot.innerHTML = "Mot sélectionné : ";
	ctrlOKKO();

}
function setLettre( Lettre )
{
	try {
	myCol = eval(Lettre.substring( 4 , 7 ));
	myRow = eval(Lettre.substring( 1 , 3 ));
	myLength = jsMot.length;
	if ( Ok == false ) return;	myString = "";
	iToGray = 0;
	myTmpCol = myCol;
	myTmpRow = myRow;
	for 	( var  i = 0 ; i < myLength ; i++ )
    	{
      		tempRow = tabData[ myTmpRow ] ;
		myString += tempRow[ myTmpCol ];
		tabToGray[ iToGray++ ] = getCoord( myTmpRow , myTmpCol );
		if ( jsDir == "E" || jsDir == "NE" || jsDir == "SE" )  myTmpCol++;
		if ( jsDir == "O" || jsDir == "NO" || jsDir == "SO" )  myTmpCol--;
		if ( jsDir == "N" || jsDir == "NE" || jsDir == "NO" )  myTmpRow--;
		if ( jsDir == "S" || jsDir == "SE" || jsDir == "SO" )  myTmpRow++;
	}
	if ( jsMot != myString ) return;
	Griser();
	myTmpObj = document.getElementById(jsMot);
	myTmpObj.style.color = "black";
	}
	catch ( e )
	{
	//window.status = e;
	}
}
function set2DEC( Valeur )
{
	if ( valeur < 10 ) return "0" + Valeur;
	else               return Valeur;
}
function getCoord( r , c)
{
	return "R" + ( r < 10 ? "0" + r : r ) + "C" + ( c < 10 ? "0" + c : c ) ;
}
function Griser()
{
	for ( var i=0 ; i < iToGray ; i++ )
	{
	myTmpObj = document.getElementById(tabToGray[i]);
	myTmpObj.style.color = "white";
	myTmpObj.style.backgroundColor = "gray";
	}
}
</script>
</HEAD>
<body onLoad="initTab()">
	<center><div class="titre"><br>Mots à rayer<br>&nbsp;</div><br>
	<table cellpadding="5px">
		<tr>
			<td id="myHTMLTab" class="rt"></td>
			<td id="myHTMLMot" class="lt"></td>
		</tr>
		<tr>
			<td colspan="2" class="rt" id="myHTMLDir">
			</td>
		</tr>
	</table>
	</center>
</body>
</html>

Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

mar.htm 10 089 octets

Télécharger le zip

Sources de la même categorie

DEMINEUR JAVACSCRIPT | PHP, CONFIGURABLE AVEC LE FRAMWORK JQ... par Nementon

ATTRAPE MOI SI TU PEUT par kazma

LE CÉLÈBRE JEU SNACK par lesnouesremy

QUIZZ MASTER : 2000 QUESTIONS POUR TESTER VOTRE CULTURE par amrounix

BILLARD EN JAVASCRIPT C'EST POSSIBLE ! par amrounix

Toutes les sources de la catégorie Jeux

Sources en rapport avec celle ci

MOOTABLEAU par Miky76

PAGES EFFET MOBILE TACTILE... par sitajony

DOMBUILDER par Kimjoa

ÉMULER OUTERHTML par jdmcreator

JEU DE COULEURS DANS UN TABLEAU À 3 DIMENSION par Niidhogg

Commentaires et avis

Commentaire de cajojaco le 07/11/2006 07:26:35

Salut corsica
Ca à l'air sympa ce que tu as fait, mais je n'arrive pas à en trouver le fonctionnement.
Si tu pouvais indiquer comment utiliser le jeu ce serait super.
Merci

Commentaire de bultez le 07/11/2006 14:48:48

même souci pour utiliser... alors que tout est dit dans la description !
° On sélectionne le mot
° puis la direction dans lequel on le lit
° et enfin la premiére lettre du mot que l'on a trouvé dans la grille
simplifier ou mieux expliquer ?

c'est sympa... mais très très dommage de n'avoir qu'une seule grille !

Commentaire de corsica le 07/11/2006 19:11:51

Je reprends mon explication :
1°) On sélectionne le mot que l'on a trouvé dans la liste de droite.
2°) On sélectionne la direction dans laquelle on a trouvé le mot.
3°) On clique sur la premiére lettre du mot dans la grille de gauche

Par exemple :
Clic sur le mot "ALTESSE" dans la liste de droite.
Clic sur la flêche vers la gauche
Clic sur le "A" de la premiére ligne ( 8ème lettre en partant de la gauche )

Le mot se positionne en couleur inverse ...

Par contre j'ai détecté un bug d'affichage sous FireFox : Le style de la page n'est pas pris en compte alors que sous I.E. il n'y a pas de soucis...

Je cherche !!

Pour les autres grilles , il suffit juste d'en saisir d'autre sous mysql par exemple et de générer la page en automatique ...

Commentaire de cajojaco le 08/11/2006 07:22:43

Effectivement corsica, je n'ai pas eu la présence d'esprit d'aller voir sous IE, mais avec Firefox les flèches ne s'affichent pas, tu as des lettres accentuées à la place.
Sinon ça marche sous IE, merci.

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

innerHTML + <form>. Resultat incomprehensible [ par armetiz ] Coucou,voila, j'ai un probleme.Je ne vais pas rentrer dans le pourquoi je dois faire ca, car ca va etre trop long et inutilEn gros, je recupere un for le bouton sublit ajouté dynamiquement dans une ligne d'un tableau marche pas! javascript [ par virus321 ] Bonjour tout le monde!voila depuis ce matin je me suis casser la tête à résoudre mon problème mais sans résultat.J'ai une page html qui afficher le ré [Java/Flash]animation des tableau [ par zangaloni ] bonjour, j'ai besoin de faire des animations....comme celle faite dans les cours de Cisco sauf que moi je veux les faire pour des tableau,des operatio Ajout de champs multiples dans un formulaire (ex : ajout de personnes) [ par cla85 ] Bonjour tout le monde,je vous explique ma situation :Je crée un site où une entreprise doit inscrire un ou plusieurs de ses salariés.La première perso Gestion des evenements sous IE et Firefox [ par touareg ] Bonjour,voici ma question :j'ai une fonction en js qui se declenche lors d'un onclick (l'utilisateur clique sur une image calendrier)<a onclick="ab Nommer dynamiquement une variable [ par quentin0590 ] Bonjour, dans le cadre d'un script js j'ai besoin de nommer dynamiquement mes variables. Je vais tenter de vous donner un exemple parlant ^^:Prérequi passer 2 tableau en url en javascript [ par CODE MAN ] Bonjour,j'ai une fonction qui permet de récupérer les positionY et positionX de tout mes div. la fonction retourne un tableau contenant l'ID_DIV, posi Créer Tableau de classement de foot [ par mariodessuti ] Bonjour,je suis nouveau sur ce site et je sais pas du tout où placer mon sujet.alors voilà :j'aimerais créer un classement de foot pour mon site.comme inserer ligne dans un tableau [ par akkar0021 ] Salut tout le mondeDans un tableau, je veux insérer une ligne de donnée, de la même façon que l'on insère une ligne dans Excel. c'est à dire que je p passage de parametre de php au javascript [ par drakan2008 ] bon je suis un débutant et j'ai un probléme coté récupération de paramétres...bon je veux faire presque un tableau qui contien a la premiére case une

Nos sponsors

Derniers Blogs

UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante

TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice

[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion

TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010 par ROMELARD Fabrice

TECHDAYS PARIS 2010 : DéPLOIEMENT DE NOUVELLES TECHNOLOGIES - RETOUR D'EXPéRIENCE PAR L'INFORMATIQUE DE MICROSOFT par ROMELARD Fabrice

Forum

RE : RéCUPERER LA TAILLE D'UN DIV par bumbo

RE : PROTOTYPE: PROBLèME AVEC "EVENT" par bumbo

RE : FONCTION RECHERCHE DATE par jeca

DEFINITION DE LA METHODE SETBORDER par nassim1987

RE : FONCTION RECHERCHE DATE par Eyeron

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

PLATEFORME SUR L ESOTERISME VOYANCE - sans charte graphique
Budget : 3 500€
Joomla 15 module paiement adaptation composant cuisine
Budget : 250€
Integrateur web dans template
Budget : 500€

Logiciels

DB-MAIN (9.1.0)
DB-MAIN (9.1.0)

DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal...

Cliquez pour télécharger DB-MAIN
Xilisoft DPG Convertisseur (5.1.37.0120)
XILISOFT DPG CONVERTISSEUR (5.1.37.0120)

Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé...

Cliquez pour télécharger Xilisoft DPG Convertisseur
GraphicsGale (2.01.01)
GRAPHICSGALE (2.01.01)

GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ...

Cliquez pour télécharger GraphicsGale
Architecte 3D (Platinum 2010)
ARCHITECTE 3D (PLATINUM 2010)

Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é...

Cliquez pour télécharger Architecte 3D
TeamViewer 5 (TeamViewer 5)
TEAMVIEWER 5 (TEAMVIEWER 5)

Dépanner un ami,expliquer une manipulation devient un jeu d'enfant. Prise en main d'un autre ord...

Cliquez pour télécharger TeamViewer 5