begin process at 2012 02 11 11:56:44
  Trouver un code source :
 
dans
 

8 commentaire(s) de macgile sur des sources sur tout CodeS-SourceS

Déposé sur Jeux memory

Bonjour a tous et merci de vos commentaires
ET de vos votes.

Voici une version qui n'utilise pas de valeur égale.
En fait suivant l'idée de Mianne de la table de multiplication.

http://macgile.free.fr/jeuxCarte/index.html

Il peut facilement être adapté pour la traduction aussi.


Posté le : 02/12/2008 19:19:13

Déposé sur Jeux memory

Il faut juste modifié la fonction Donne()

voir les corrections plus haut dans le code.
Posté le : 17/06/2008 09:07:36

Déposé sur Jeux memory

Dans la fonction  InitCarte()
    for(x=0; x < colTd.length; x++)
    {
      colTd[x].style.backgroundImage = "";
      colTd[x].innerHTML = "";
      colTd[x].className = "Back";
    }

-----------------------------------------

Dans la fonction ResetChoix(objID, objLast)

  objID   = document.getElementById(objID);
  objLast = document.getElementById(objLast);

  // Images Vide
  objID.innerHTML               = "";
  objLast.innerHTML             = "";
  objID.style.backgroundImage   = "url(Back.jpg)";
  objLast.style.backgroundImage = "url(Back.jpg)";

  // Classe Back
  objID.className               = "Back";
  objLast.className             = "Back";
  Tirage                        = true;
-----------------------------------------

dans la fonction Jouer(objID)
if(LastCarte == null)
    {
    
      objID.className = "Front";
      objID.style.backgroundImage = "url(Blanc.jpg)";
      objID.innerHTML = ArrayDonne[objID.id];
      LastCarte       = objID;
      Tirage          = true;
    }
  ... suite du code

juste dessous  toujours dans la fonction Jouer(objID)
et dans la condition:
if(LastCarte.id != objID.id && objID.className != "Front")
      {
        // Retourne la Carte et Affiche sa Valeur/Image
        objID.className = "Front";
        objID.style.backgroundImage = "url(Blanc.jpg)";
        objID.innerHTML = ArrayDonne[objID.id];
        ... suite du code

Et enfin dans les Classes Css:
.cartes, .Back, .Front, .Perdu{
text-align:center;
vertical-align:middle;
background-color: white;
  background-repeat: no-repeat;
  background-position: center center;
  border: 0px solid gray;
  background-image: url(Blanc.jpg);
  cursor: pointer;
.... suite classe inchangé

Pour moi avec ces changements ça marche.
Macgile
Posté le : 04/06/2008 23:04:40

Déposé sur Jeux memory

grrr
encore un oubli toujours pour les classes CSS
ajoute aussi:
background-image: url(Blanc.jpg);

je ne sais pas pourquoi le simple fait de changer la classe dans IE/Firefox ne change pas l'image de fond
même si celle-ci est definie dans la classe approprié
Blanc.jp pou la classe Front
et Black.jpg pour la classe Back.

Les autres image de fond étant définie dynamiquement.
peut-être est-ce cela qui couille,
les background-images change pour la class Front.
mais bizarrement pas celle de la class Back.

macgile



Posté le : 02/06/2008 19:49:09

Déposé sur Jeux memory

j'ai oublié pour le css dans les classes
ajoute:
text-align:center;
vertical-align:middle;
background-color: white;

Sinon le texte ne seras pas centré.

Posté le : 02/06/2008 19:42:47

Déposé sur Jeux memory

Salut Brm200600

voici les modifications a faire:
si tu joue avec plus de 9 cartes il faut modifier
la fonction Donne() que j'ai corrigé (voir le code).

pour le CSS

Tu doit avec un editeur d'image ouvrir l'une des cartes  par exemple F.jpg
remplacer le dessin qui est au centre (le papillon pour F.jpg)
par du blanc et sauvegarder sous Blanc.jpg.

Ajoute pour les classes css:.cartes, .Back, .Front, .Perdu
ceci:
background-image: url(Blanc.jpg);

Ensuite pour les mots:
dans le tableau ArrayCartes tu saisie les mots que tu veux
var ArrayCartes = new Array("toto", "popo", "blabla", "tata");

Ensuite dans la fonction InitCarte()
Ajoute:
colTd[x].innerHTML = "";

Dans la fonction ResetChoix(objID, objLast)
objID.style.backgroundImage   = "";
objLast.style.backgroundImage = "";
Devient:
objID.style.backgroundImage   = "url(Back.jpg)";
objLast.style.backgroundImage = "url(Back.jpg)";

Ajoute juste aprés les deux ligne ci-dessus:
objID.innerHTML               = "";
objLast.innerHTML             = "";

Pour Finir:
dans la fonction Jouer(objID)
Remplace partout ou il y a:
objID.style.backgroundImage = "url("+ArrayDonne[objID.id]+".jpg)";
par
objID.style.backgroundImage = "url(Blanc.jpg)";

Et Ajoute (la ou il y a les lignes ci-dessus):
objID.innerHTML = ArrayDonne[objID.id];

et voila :)
Posté le : 02/06/2008 19:40:51

Déposé sur Texte défilant, deux effets, compatible firefox & ie

j'ajouterais, qu'un bon developpeur est celui qui
fait en quelques lignes ce que d'autres font en mille lignes pour (peut-être) faire la demonstration de leur talent.

Ce commentaire n'inplique que moi.

macgile
Posté le : 20/02/2007 19:15:37

Déposé sur Texte défilant, deux effets, compatible firefox & ie

Super :) Enfin un code simple et parfaitement fonctionnel pour des banniéres défilantes.

Car sur le net certain applique le proverbe
"Pourquoi faire simple, quant-ont peux faire compliqué"

bonne continuation,
macgile
Posté le : 20/02/2007 19:12:30

1


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,530 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales