Jeux des paires

5/5 (4 avis)

Vue 6 438 fois - Téléchargée 639 fois

Description

C'est un de mes premier code en js, il montre les fonction et l'utilisation de pop up avec transfere pop vers page et page vers pop. il y a aussi un petit compteur en minute (j'avais pas encore trouver comment le fair en sec)

a plus Eln

Source / Exemple :


<html>

<head>
<title>-- Jeux par hennuy françois--</title>

<SCRIPT LANGUAGE="javascript">

tab = new Array (12);
tab1 = new Array (12);
tab2 = new Array (12);

choix = "image";
flag = 0;
cpt = 0;
cptj = 0;
melangeok = 0;
valeurtempsdepardM = 0;
valeurtempsfinM = 0;
variable_date = 0;
tempsfinalM = 0;

for( i=1 ; i<=12 ; i++)	
	{
	  choix = "image/1/";
	  tab[i]= choix + i + ".jpg";
	}
	
    
function init()
	{
	for(i=0 ; i<=11 ; i++)
		{
	        /*document.images[i].src = tab[i]; */
		document.images[i].src = "blanc.jpg";
		}

	cpt = 0;
	cptj = 0;
	}

function melange()
	 {
	 melangeok = 1;
	 
	 init();
	 
         for (i=0 ; i<=12 ; i++)
             {
              tab1[i]= 0;
             }

         k = 0;

	  while (k < 12 )
               {

               n = Math.round (11 * Math.random());
               n++;

               if (tab1[n] == 0)
                  {
		       choix = "image/1/";
		       tab[k] = choix + n + ".jpg" ;
		       tab2[k] = n;
		       /* document.images[k].src = tab[k] ; */
                       tab1[n] = 1 ;
		       k++;
                  }
               }
	 }
	 
function affiche(n)
{
if (melangeok == 1)
   {

   document.images[n].src = tab[n];

   if ( flag == 0 )
      {
      	     a = tab2[n];
  	     n1 = n;
      }

   if ( flag == 1 )
      {
      	     b = tab2[n];
  	     n2 = n;
  	     flag = -1;
  	     cmp(a,b,n1,n2);
      }
 
   flag++;

   }
else
   {
    	  alert ("Enregistrer vous pour jouer");
   }
   
}

function cmp(a,b,n1,n2)
{
if (a == b )
   {
      	 alert ("pas deux foi la meme image");
   }
   
if ( (a == (b - 6)) || ((a - 6) == b) )
 {
     	cptj++;
      	cpt++;
 }
else
 {
    	alert("recommencer");
  	document.images[n1].src = "blanc.jpg";
  	document.images[n2].src = "blanc.jpg";
  	cpt++;
 }
 if (cptj == 6 )
 {
    	  temps();
  	  tempsfinalM = ( valeurtempsfinM - valeurtempsdepardM );
  	  pop_up2(cpt);
  	  melangeok = 0;
  	  valeurtempsdepardM = 0;
 }
}

function pop_on()
{
 	 window.open('pop.html','nom_doc','toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizable=no,width=200,height=150,top=100,left=400');
}

function pop_up2(cpt)
{
 n_fen = window.open('pop2.html','nom_doc','toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizable=no,width=200,height=150,top=100,left=400');
 nom = document.initial.nom.value;
 
 if (nom == "")
    {
     	 nom = "X";
  	 n_fen.document.write("<body bgcolor='#cccccc'><center>" + "Bonjour " + nom + " vous devez vous enregistrez" + " <br><br><input type=button  value='Fermer' onclick='self.close()'></center></body>");
    }
 else
    {
     	 n_fen.document.write("<body bgcolor='#cccccc'><center>" + "Bonjour " + nom + " vous avez réussi en : " + cpt + " coups et en " + tempsfinalM + " Minute(s)" + " <br><br><input type=button  value='Fermer' onclick='self.close()'></center></body>");
 	 melange();
 	 document.initial.nom.value = "";
    }
}

function temps()
{

variable_date = new Date();

if (valeurtempsdepardM == 0 )
    {
         valeurtempsdepardM = variable_date.getMinutes();
    }
else
    {
         valeurtempsfinM = variable_date.getMinutes();
    }
}
	 
</script>

</head>

<body bgcolor="#cccccc" onload="init()">

<table width = 300 height = 450 border = 0 cellspacing = 0 align = center >

  <tr>
    <td><div align="center"><img src="blanc.jpg" width="100" height="150" OnClick="affiche(0)"></div></td>
    <td><div align="center"><img src="blanc.jpg" width="100" height="150" OnClick="affiche(1)"></div></td>
    <td><div align="center"><img src="blanc.jpg" width="100" height="150" OnClick="affiche(2)"></div></td>
    <td><div align="center"><img src="blanc.jpg" width="100" height="150" OnClick="affiche(3)"></div></td>
  </tr>

  <tr>
    <td><div align="center"><img src="blanc.jpg" width="100" height="150" OnClick="affiche(4)"></div></td>
    <td><div align="center"><img src="blanc.jpg" width="100" height="150" OnClick="affiche(5)"></div></td>
    <td><div align="center"><img src="blanc.jpg" width="100" height="150" OnClick="affiche(6)"></div></td>
    <td><div align="center"><img src="blanc.jpg" width="100" height="150" OnClick="affiche(7)"></div></td>
  </tr>

  <tr>
    <td><div align="center"><img src="blanc.jpg" width="100" height="150" OnClick="affiche(8)"></div></td>
    <td><div align="center"><img src="blanc.jpg" width="100" height="150" OnClick="affiche(9)"></div></td>
    <td><div align="center"><img src="blanc.jpg" width="100" height="150" OnClick="affiche(10)"></div></td>
    <td><div align="center"><img src="blanc.jpg" width="100" height="150" OnClick="affiche(11)"></div></td>
  </tr>
  
</table>

<br>

<form name="initial">

	<div align="center" class="Style2">
		Votre nom est <input type="text" name="nom" value="" disabled>
	</div>
	
	<br>
	
	<div align="center">
		<input type=button name="bouton2" value="S'enregistrer" onclick="pop_on();melange();temps()">
	</div>
	
</form>

</body>

</html>

Codes Sources

A voir également

Ajouter un commentaire Commentaires
cs_algori
Messages postés
868
Date d'inscription
dimanche 26 décembre 2004
Statut
Membre
Dernière intervention
26 février 2008
1
19 mai 2005 à 20:59
C'est vrai que ce 1/10 n'est absolument pas justifié.
7/10 pour remonter tout ça.
@++
coucou747
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Membre
Dernière intervention
30 juillet 2012
41
19 mai 2005 à 20:21
ce code n'est pas mal programmé, alors je ne suis pas d'accord avec le 1... perso, je note 6 car ça reste un code basique...

N'oubli pas que l'on accède avec un id à un code !
de plus, un met :
<script type="text/javascript">
et on met toutes ses balises en minuscules...
arctarus
Messages postés
1
Date d'inscription
mardi 18 janvier 2005
Statut
Membre
Dernière intervention
18 mai 2005

18 mai 2005 à 13:32
Pour moi il a très bien marché et sans problème d'affichage ...
Je vais quand même me plonger dans le code qui m'a l'air très intéressant .
Félicitation
cs_Romain128
Messages postés
89
Date d'inscription
mercredi 9 mars 2005
Statut
Membre
Dernière intervention
7 novembre 2005

16 mai 2005 à 21:28
J'ai pas eu trop le temps de tester, mais:
-Ca marche sous Firefox
-On ne voit pas (ou peu) la deuxieme carte qu'on retourne, a cause du message d'alerte. Essaye de le remplacer par autre chose.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.