/taquuin\

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : /taquuin\

hacksi

slt,
j'essaye de programmer le je de taquin en javascript mais il y a un problème d'affichage lorsque je change la taille de la grille, voici le source :

Code :

<html>
<head><title>==> Le Taquin <==</title>
<style type="text/css">
TR { width: 60px; height: 60px }
TD { width: 60px; height: 60px; TEXT-ALIGN: center}
</style>
<script language="javascript">
var x=0;
var y=0;
var bon="";
var nbclick=0;
var StrTab=""; // variable contenant les dispositions html du taquin
var c=0; //abscisses
var l=0; //ordonnées
var tmp;
var nbpartie=0;
var nbgagne=0;
function Affiche_Grille()
{
nbpartie++;
document.form.partie.value=nbpartie;
document.form.nbrclicks.value=0;
nbclick=0;
x=document.form.taille.value-1 // coordonnées de la case vide
y=document.form.taille.value-1
var Intc=document.form.taille.value;
var Taille=Intc*Intc;
var TabJeu=new Array(Taille);
var strDeb='1';
var intDeb;
var Strlettres='a';
for (var i=0; i < ( Taille )-1; i++)
{
if (i==0)
intDeb=strDeb.charCodeAt(0);
if ( i==9 )
intDeb=Strlettres.charCodeAt(0);
TabJeu[i]=String.fromCharCode(intDeb);
intDeb++;
}
var Nb_cases=0; // nombres de cases limites
StrTab+="<TABLE border='2'>";
while ( l != Intc )
{
StrTab+="<TR>";
c=0;
while ( (c != Intc) && (Nb_cases < ( Taille )))
{
if ( Nb_cases == ( Taille )-1 )
StrTab+="<td id='"+x+"_"+y+"' Onclick='change_case("+l+","+c+" )'>" + ''+ "</TD>"
else
{
StrTab+="<td id='"+l+"_"+c+"' Onclick='change_case("+l+","+c+" )'>" +TabJeu[Nb_cases]+ "</TD>";
Nb_cases++;
}
c++;
}
l++;
StrTab+="</TR>";
}
StrTab+="</TABLE>";
document.getElementById("grille" ).innerHTML = StrTab; // affectation du contenu de StrTab a l'objet DIV pour l'affichage de la grille
StrTab = document.getElementById("grille" ).innerHTML;
bon=StrTab;
Melange_Grille();
}
function change_case(l,c)
{
if( (l==y && c==x-1) || (l==y && c==x+1) || (l==y-1 && c==x) || (l==y+1 && c==x) )
{
tmp=document.getElementById(l+"_"+c).innerHTML;
document.getElementById(l+"_"+c).innerHTML="";
document.getElementById(y+"_"+x).innerHTML=tmp;
x=c;
y=l;
nbclick++;
document.form.nbrclicks.value=nbclick;
}
gagne=document.getElementById("grille" ).innerHTML;
gagner();
}
function change_case_mel(l,c)
{
if( (l==y && c==x-1) || (l==y && c==x+1) || (l==y-1 && c==x) || (l==y+1 && c==x) )
{
tmp=document.getElementById(l+"_"+c).innerHTML;
document.getElementById(l+"_"+c).innerHTML="";
document.getElementById(y+"_"+x).innerHTML=tmp;
x=c;
y=l;
}
gagne=document.getElementById("grille" ).innerHTML;
}
function Melange_Grille()
{
nombre=Math.floor(Math.random() * 600)+100; // nombre aleatoire entre 100 et 600
var i=0;
while (i<nombre)
{
var randx=Math.floor( Math.random() * document.form.taille.value);
var randy=Math.floor( Math.random() * document.form.taille.value);
change_case_mel(randx,randy);
i++;
}
}
function gagner()
{
if( gagne == StrTab )
{
nbgagne++;
alert("Félicitation, Vous avez gagné "+nbgagne+" partie(s) en "+nbclick+" click(s) sur "+nbpartie+" jouée(s)" );
}
}
</script></head>
<body onload="Affiche_Grille();" bgcolor="#33FF99">
<center><br>
<h1>==> Le Taquin <== </h1> <br>
<div id="grille"></div><br><br>
<form name="form">
<h4>
Taille : <select name="taille" onchange="Affiche_Grille()">
<option value="3" selected="selected"> 3 </option>
<option value="4"> 4 </option>
<option value="5"> 5 </option>
<option value="6"> 6 </option>
</select>       
<input value="Rejouer" name="send" Onclick="Affiche_Grille();" type="button"> <br> <br>
Nombre de click(s) : <input type="text" name="nbrclicks" size="1" maxlength="3" ><br><br>
Nombre de partie(s) : <input type="text" name="partie" size="1" maxlength="3" >
</h4>
</form>
</center>
</body>
</html>