/*taquuin*\

/*taquuin*\ - HTML/CSS - Programmation

Marsh Posté le 22-04-2005 à 19:47:36    

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 :
  1. <html>
  2. <head><title>==> Le Taquin <==</title>
  4.  
  6. <style type="text/css">
  8. TR { width: 60px; height: 60px }
  9. TD { width: 60px; height: 60px; TEXT-ALIGN: center}
  11. </style>
  14. <script language="javascript">
  16. var x=0;
  17. var y=0;
  18. var bon="";
  19. var nbclick=0;
  20. var StrTab="";  // variable contenant les dispositions html du taquin  
  21. var c=0; //abscisses  
  22. var l=0; //ordonnées  
  23. var tmp;
  24. var nbpartie=0;
  25. var nbgagne=0;
  26.  
  27. function Affiche_Grille()
  28. {
  29.   nbpartie++;
  30.   document.form.partie.value=nbpartie;
  31.   document.form.nbrclicks.value=0;
  32.   nbclick=0;
  33.   x=document.form.taille.value-1 // coordonnées de la case vide  
  34.   y=document.form.taille.value-1
  37.   var Intc=document.form.taille.value;
  38.   var Taille=Intc*Intc;
  39.   var TabJeu=new Array(Taille);
  40.   var strDeb='1';
  41.   var intDeb;
  42.   var Strlettres='a';
  44.   for (var i=0; i < ( Taille )-1; i++)
  45.   {
  46.    if (i==0)
  47.     intDeb=strDeb.charCodeAt(0);
  48.    if ( i==9 )
  49.     intDeb=Strlettres.charCodeAt(0);
  51.     TabJeu[i]=String.fromCharCode(intDeb);
  52.     intDeb++;
  53.   }
  55.   var Nb_cases=0; // nombres de cases limites  
  57.   StrTab+="<TABLE border='2'>";
  59.   while ( l != Intc )
  60.   {
  61.    StrTab+="<TR>";
  62.    c=0;
  64.    while ( (c != Intc) && (Nb_cases < ( Taille )))
  65.    {
  66.     if ( Nb_cases == ( Taille )-1 )
  67.      StrTab+="<td id='"+x+"_"+y+"' Onclick='change_case("+l+","+c+" )'>" + ''+ "</TD>"
  69.     else
  70.     {
  71.      StrTab+="<td id='"+l+"_"+c+"' Onclick='change_case("+l+","+c+" )'>" +TabJeu[Nb_cases]+ "</TD>";
  72.      Nb_cases++;
  73.     }
  74.     c++;
  75.    }
  76.    l++;
  77.    StrTab+="</TR>";
  78.   }
  79.   StrTab+="</TABLE>";
  81.   document.getElementById("grille" ).innerHTML = StrTab;   // affectation du contenu de StrTab a l'objet DIV pour l'affichage de la grille  
  82.   StrTab = document.getElementById("grille" ).innerHTML;
  83.   bon=StrTab;
  84.   Melange_Grille();
  85. }
  89. function change_case(l,c)
  90. {
  91.   if( (l==y && c==x-1) || (l==y && c==x+1) || (l==y-1 && c==x) || (l==y+1 && c==x) )
  92.   {
  93.    tmp=document.getElementById(l+"_"+c).innerHTML;
  94.    document.getElementById(l+"_"+c).innerHTML="";
  95.    document.getElementById(y+"_"+x).innerHTML=tmp;
  97.    x=c;
  98.    y=l; 
  99.    nbclick++;
  100.    document.form.nbrclicks.value=nbclick;
  101.   }
  103.      gagne=document.getElementById("grille" ).innerHTML;
  104.   gagner();
  105.      }
  106.      
  107.      function change_case_mel(l,c)
  108. {
  109.   if( (l==y && c==x-1) || (l==y && c==x+1) || (l==y-1 && c==x) || (l==y+1 && c==x) )
  110.   {
  111.    tmp=document.getElementById(l+"_"+c).innerHTML;
  112.    document.getElementById(l+"_"+c).innerHTML="";
  113.    document.getElementById(y+"_"+x).innerHTML=tmp;
  115.    x=c;
  116.    y=l; 
  117.   }
  118.      gagne=document.getElementById("grille" ).innerHTML;
  120.      }
  123. function Melange_Grille()
  124. {
  125.   nombre=Math.floor(Math.random() * 600)+100; // nombre aleatoire entre 100 et 600  
  126.   var i=0;
  128.   while (i<nombre)
  129.   {
  130.    var randx=Math.floor( Math.random() * document.form.taille.value);
  131.    var randy=Math.floor( Math.random() * document.form.taille.value);
  132.  
  133.    change_case_mel(randx,randy);
  134.    i++;
  135.   }
  137. }
  138.  
  139.     function gagner()
  140.        {
  141.      if( gagne == StrTab )
  142.        {
  143.         nbgagne++;
  144.      alert("Félicitation, Vous avez gagné "+nbgagne+" partie(s) en "+nbclick+" click(s) sur "+nbpartie+" jouée(s)" );
  145.     }   
  146.       }
  148. </script></head>
  150. <body onload="Affiche_Grille();" bgcolor="#33FF99">
  151. <center><br>
  152.   <h1>==> Le Taquin <== </h1> <br>
  153.   <div id="grille"></div><br><br>
  154. <form name="form">
  155.   <h4>
  156.    Taille : <select name="taille" onchange="Affiche_Grille()">
  157.     <option value="3" selected="selected"> 3 </option>
  158.     <option value="4"> 4 </option>
  159.     <option value="5"> 5 </option>
  160.     <option value="6"> 6 </option>
  161.     </select> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   
  162.    <input value="Rejouer" name="send" Onclick="Affiche_Grille();" type="button"> <br> <br>
  163.    Nombre de click(s) : <input type="text" name="nbrclicks" size="1" maxlength="3" ><br><br>
  164.    Nombre de partie(s) : <input type="text" name="partie" size="1" maxlength="3" > 
  165.   </h4>
  166.  
  167. </form>
  168. </center>
  169. </body>
  171. </html>

 
 
voila donc quelqu'un peut-il m'aider ?


Message édité par hacksi le 22-04-2005 à 21:40:26
Reply

Marsh Posté le 22-04-2005 à 19:47:36   

Reply

Marsh Posté le 22-04-2005 à 19:57:37    

balises [code] stp :o


---------------
Nos estans firs di nosse pitite patreye...
Reply

Marsh Posté le 22-04-2005 à 20:06:48    

c'est à dire ?

Reply

Marsh Posté le 22-04-2005 à 20:48:56    

C'est à dire que ton code javascript tu le mets entre

Code :
  1. ton javascript

. Il y a des balises, autant s'en servir.


---------------
http://yoyo.eurotchat.net -> Wednesday 14 September a 02:00:01 up 43 days, 11:47,  2 users,  load average: 0.07, 0.03, 0.00
Reply

Marsh Posté le 22-04-2005 à 21:40:44    

dsl je ne savais pas.

Reply

Marsh Posté le 23-04-2005 à 15:23:01    

personne ne peut m'aider ?

Reply

Marsh Posté le 23-04-2005 à 15:50:23    

c'est quoi le "probleme" ?


---------------
Nos estans firs di nosse pitite patreye...
Reply

Marsh Posté le 23-04-2005 à 15:51:29    

la grille ne se met pas a jour quand je change la taille de la grille.

Reply

Marsh Posté le 23-04-2005 à 16:22:18    

c'est bon j'ai trouvé le problème.

Reply

Marsh Posté le 23-04-2005 à 16:33:35    

c'etait quoi ?


---------------
Nos estans firs di nosse pitite patreye...
Reply

Marsh Posté le 23-04-2005 à 16:33:35   

Reply

Marsh Posté le 23-04-2005 à 17:23:22    

probleme dans les coordonnées

Reply

Marsh Posté le 23-04-2005 à 20:52:28    

c'est quoi le jeu du taquin ?


---------------
What if I were smiling and running into your arms? Would you see then what I see now?  
Reply

Marsh Posté le 23-04-2005 à 20:53:10    

ah c'est le 14-15


---------------
What if I were smiling and running into your arms? Would you see then what I see now?  
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed