Tom's Guide > Forum > Programmation > pb mon code javascript, html et css

pb mon code javascript, html et css

Forum Programmation : pb mon code javascript, html et css

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !

Créer un nouveau sujet Répondre

Bas de page Chercher dans ce sujet

Bonjour à tous,

J'essaye de faire un jeu memory en javascript avec un fichier. css.
Je vois les cartes mais le script ne fonctionne pas et je voudrais placer hight score à côté du nombre de coups.
Donc il doit y avoir des fautes dans les 2 fichiers.
est ce quelqu'un peut me corriger les fautes? le débogueur firefox dit qu'il n'y a pas de faute mais il ne fonctionne pas.

Voici les bébés.

Je débute alors soyez indulgents s'il vous plait.
Merci!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" type="text/css" href="style22.css" media="screen" />
</style>

<script type="text/javascript" language="javascript">
// INITIALISATION
nbFaces=16; //nbre de faces
nbCartes=nbFaces * 2; //nbre de cartes
maDonne=new Array(); //tableau de la donne
maDonne[0]=0; //de manière à pouvoir utiliser le tableau maDonne
mesTirages=new Array(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0); //tableau des tirages effectués
mesTirages[0]=0; //de manière à pouvoir utiliser le tableau mesTirages

//initialisation des tirages
for (i=1; i<nbFaces+1; i++) {
mesTirages[i]=0; //la face de valeur 'i' n'a jamais été tirée
}
// ...

//Tirage aléatoire
for (i=1; i<nbCartes+1; i++) {
carte_trouvee=false;
while (!carte_trouvee) {
tirage=Math.round(Math.random()*16 + 1);
if (mesTirages[tirage]<2)
maDonne[i]=tirage;
mesTirages[tirage]++;
carte_trouvee=true;
}
}

function relever() {
//Afficher les cartes trouvées
for (i=1; i<nbCartes+1; i++) {
maFace="carte"+maDonne[i]+".gif";
document.images[i-1].src=maFace;
}
}

function montrer(numero) {
document.images[numero-1].src="carte"+maDonne[numero]+".gif";
}

tirage=Math.round(Math.random()*16 + 1);

//highscore=30; expires=True, 31-Dec-2002 08:00:00 GMT; path=/;
//domain=localhost; secure;

highscore=0;
// Cookie highscore existant ? (càd contient la sous-chaîne "highscore=" )
// -1 : cookie pas trouvé, sinon position dans la chaîne « cookie »
highscore_existe=document.cookie.indexOf("highscore=" );
if (highscore_existe!=-1) {
// Position de fin dans la chaîne « cookie »
highscore_fin=document.cookie.indexOf(";", highscore_existe+10);
// Extraction du cookie : substring(position_debut, position_fin)
highscore=document.cookie.substring(highscore_existe+10, highscore_fin);
}

//changer image
//document.nom_image.src="uri_source_image.gif";
//document.images[indice_image].src="uri.gif";
/*
liste des cartes retirées : mesCartesRetirees[]
• nombre de cartes retournées : nbCartesRetournees
• numéros cartes retournées : mesCartesRetournees[1-2]
• indicateur de fin de partie : jeu_fini
*/

function action_clic(carte) {
if (!jeu_fini) {
if (nbCartesRetournees<2) {
// Clic sur carte pas déjà enlevée
if (!mesCartesRetirees[carte]) {
// Clic sur carte pas déjà retournée
if ((mesCartesRetournees[1]!=carte) &&
(mesCartesRetournees[2]!=carte)) {
// Retourner la carte
document.images[carte-1].src="carte1"+maDonne[carte]+".gif";
// Incrémenter cartes retournées
nbCartesRetournees++;
mesCartesRetournees[nbCartesRetournees]=carte;
// Incrémenter le compteur de coups … A COMPLETER
// 2 cartes retournées = pause + vérifications
if (nbCartesRetournees==2) {
// Lancer timer 3 secondes : DEFINIR FONCTION
setTimeout("verifier_paire()", 3000);
}
}
}
}
}
}

function action_rollover(carte) {
if (!jeu_fini) {
if (!mesCartesRetirees[carte]) {
if ((mesCartesRetournees[1]!=carte) &&
(mesCartesRetournees[2]!=carte)) {
document.images[carte-1].src="dos-over.gif";
}
}
}
}
function action_rollout(carte) {
if (!jeu_fini) {
if (!mesCartesRetirees[carte]) {
if ((mesCartesRetournees[1]!=carte) &&
(mesCartesRetournees[2]!=carte)) {
document.images[carte-1].src="dos.gif";
}
}
}
}

function verifier_paire() {
// Faces identiques ?
if (maDonne[mesCartesRetournees[1]]==maDonne[mesCartesRetournees[2]]) {
// Retirer les cartes du jeu
document.images[mesCartesRetournees[1]-1].src="cartetransparente.gif";
document.images[mesCartesRetournees[2]-1].src="cartetransparente.gif";
// Mettre à jour les infos de cartes retournées
mesCartesRetirees[mesCartesRetournees[1]]=true;
mesCartesRetirees[mesCartesRetournees[2]]=true;
nbCartesRestantes-=2;
// Fin du jeu ?
if (nbCartesRestantes==0) {
jeu_fini=true;
arreter_jeu();
}
}
// Ré-initialisations
nbCartesRetournees=0;
mesCartesRetournees[1]=0;
mesCartesRetournees[2]=0;
}

function arreter_jeu() {
// Arrêt compteur
clearTimeout(dureeJeu);
jeu_fini=true;
// Nouveau highscore ?
if (nbCoupsJoues<highscore) {
alert("Nouveau meilleur score!" );
// Ecriture cookie : A COMPLETER
}
else if (nbCoupsJoues==highscore) {
if (dureeEcoule<dureeHighscore) {
alert("Nouveau meilleur score!" );
// Ecriture cookie …
}
}
}

/*document.cookie="highscore=" + escape(highscore)
+ "; expires=" + escape(date_expiration)
+ "; path=" + escape(path)
+ "; domain=" + escape(domain);*/

//document.forms[0].coups.value=nbCoupsJoues;
function afficher_duree() {
if (!jeu_fini) {
document.forms[0].duree.value=temps_ecoule;
setTimeout("afficher_duree()", 1000);
}
}

/*
highscore=0;
// Cookie highscore existant ? (càd contient la sous-chaîne "highscore=" )
// -1 : cookie pas trouvé, sinon position dans la chaîne « cookie »
highscore_existe=document.cookie.indexOf("highscore=" );
if (highscore_existe!=-1) {
// Position de fin dans la chaîne « cookie »
highscore_fin=document.cookie.indexOf(";", highscore_existe+10);
// Extraction du cookie : substring(position_debut, position_fin)
highscore=document.cookie.substring(highscore_existe+10, highscore_fin);
}
*/


</script>

<title>jeu memory</title>
</head>

<body>
<div id="global">
<div id="cartes">
<script type="text/javascript" language="javascript">

</script>
</div>

<div id="infos">

<div id="score">
<div id="coups">Nombre de coups : 1234</div>
<div id="highscore">Meilleur score : 5555</div>
</div>

<div id="regles">les règles<br />
Les règles de jeu de Memory sont assez simples.

Un jeu de Memory est composé d'un nombre donné
de paires indentiques de cartes imagées.
Toutes les cartes partagent un dos et des
dimensions identiques qui empêchent qu'elles
puissent être reconnues une fois retournées.

Au début d'une partie, les cartes sont mélangées puis
sont disposées retournées et chaque joueur,
à tour de rôle, retourne deux cartes. Si les deux
cartes retournées sont identiques, leurs deux faces
imagées étant les mêmes, le joueur empoche les
deux cartes et continue de jouer, c'est à dire
de retourner deux nouvelles cartes.
Si les deux cartes retournées diffèrent,
les deux cartes sont retournées à nouveau,
faces cachées, et c'est au joueur suivant de jouer.
Le but du jeu est de collectionner le plus
grand nombre de cartes possibles, ce qui est obtenu
en mémorisant au mieux l'emplacement de chaque
carte qui a été précédemment retournée de telle
sorte que sa carte jumelle retournée, les joueurs
puissent reformer la paire, en devinant,
face cachée, son emplacement dans le jeu. </div>

<div id="action">Rejouer</div>
</div>
</div>
</body>
</html>

/* CSS Document */

body {
margin: 0;
background-color:#ccffcc;

}

#global {
height:600px;
width:800px;
border:0;
padding:0;
background-color: red;
}

#infos {
float: left;
width: 110px;
background-color:#ffffff;
}

#coups {
float: left;
width:110px;
background-color:#ffffff;
}

#highscore {
float: left;
width:110px;
background-color:#ffffff;
}

#score {

width:110px;
background-color:#000000;
}

#cartes {
float: left;
width: 400px;
background-color:#FFFF00;
}

#cartes img {
margin: 5px;
height:60px;
width:40px;
}

#regles {

font-family: univers, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-align: center;
text-color: black;
height:322px;
width:352px;
background-color:#ccffcc;
}

#action {
height:45px;
width:159px;
background-color:#ffffff;

}

Répondre

Inscrivez-vous ou connectez-vous pour masquer ceci.

Créer un nouveau sujet Répondre

Tom's Guide > Forum > Programmation > pb mon code javascript, html et css

Aller à :

Aide |
Règles du forum

Il y a 1912 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Page générée en 0,635 secondes

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler

Liens