Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

JEUX MEMORY


Information sur la source

Catégorie :Jeux Classé sous : Jeux, Cartes, Javascript, Memory Niveau : Initié Date de création : 31/05/2008 Date de mise à jour : 02/06/2008 15:41:26 Vu / téléchargé: 3 059 / 147

Note :
8 / 10 - par 1 personne
8,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (9)
Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale
Un petit jeux de memory en javascript pour amuser vos visiteurs.
se jeux est limité a 8 cartes mais peut-être étendu à un nombre
de cartes plus élevé.
 

Source

  • <html>
  • <style>
  • .cartes, .Back, .Front, .Perdu{
  • background-repeat: no-repeat;
  • background-position: center center;
  • border: 0px solid gray;
  • cursor: pointer;
  • /* La Largeur est egal à : 100% / par le nbr de cartes horizontale .*/
  • /* Pour 4 cartes: 100%/4 = 25% */
  • width: 25%;
  • /* La Hauteur est egal à : 100% / par le nbr de cartes verticale .*/
  • /* Pour 2 cartes: 100%/2 = 50% */
  • height: 50%;
  • }
  • .Back{
  • background-image: url(Back.jpg);
  • }
  • #TabCarte TD {
  • background-image: url(Back.jpg);
  • }
  • </style>
  • <SCRIPT language="JavaScript" type="text/JavaScript">
  • var Gagner = 0;
  • var Count = 0;
  • var LastCarte = null;
  • // 4 valeurs * 2 = 8 Cartes, 5 valeurs * 2 = 10 Cartes etc...
  • var ArrayCartes = new Array("A", "B", "C", "D")
  • var ArrayBis = ArrayCartes
  • var ValueCarte = ArrayCartes.concat(ArrayBis);
  • var NbrValeur = ValueCarte.length;
  • var ArrayDonne = new Array(NbrValeur);
  • var Tirage = true;
  • var Tentative = 0;
  • var PairesOk = 0;
  • // Temporisateur en secondes
  • var Tempor = 1000;
  • // Retourne toutes les Cartes (Coté Back)
  • function InitCarte()
  • {
  • objColTr = document.getElementById('TabCarte').rows;
  • for(i=0; i < objColTr.length; i++)
  • {
  • colTd = objColTr[i].cells
  • for(x=0; x < colTd.length; x++)
  • {
  • colTd[x].style.backgroundImage = "";
  • colTd[x].className = "Back";
  • }
  • }
  • Count = 0;
  • document.getElementById('Rejouer').disabled = true;
  • Donne();
  • }
  • // Tirage Aléatoire des Cartes
  • function Donne()
  • {
  • var objMSG = document.getElementById("MSG");
  • var objColTr = document.getElementById('TabCarte').rows;
  • var NbrCartes = (objColTr[0].cells.length * objColTr.length);
  • var OK = true;
  • var Buffer = "";
  • var Compteur = 0
  • // Le Nbr de Cartes(TD) doit etre egale au Nbr de Valeurs
  • // Et doit être un Nbr Paire
  • if(NbrValeur == NbrCartes)
  • {
  • while(OK)
  • {
  • var Tirage = Math.floor(Math.random() * NbrCartes)
  • // Correction pour tirage > à 9 Cartes
  • var reg = new RegExp("#"+Tirage+":", "gi") // FAUX: new RegExp("["+Tirage+"]", "g")
  • if (!reg.test(Buffer))
  • {
  • ArrayDonne[Compteur] = ValueCarte[Tirage];
  • // Correction pour tirage > a 9 Cartes
  • Buffer += "#" + Tirage+ ":"; // FAUX: Buffer += Tirage;
  • // Affiche le Buffer pour Debug Infos
  • objMSG.innerHTML = Buffer;
  • Compteur ++;
  • if(Compteur == NbrCartes) OK = false;
  • }
  • }
  • }
  • }
  • // Temporisateur Reset
  • function ResetChoix(objID, objLast)
  • {
  • objID = document.getElementById(objID);
  • objLast = document.getElementById(objLast);
  • // Images Vide
  • objID.style.backgroundImage = "";
  • objLast.style.backgroundImage = "";
  • // Classe Back
  • objID.className = "Back";
  • objLast.className = "Back";
  • Tirage = true;
  • }
  • // Click sur une Carte
  • function Jouer(objID)
  • {
  • // La Carte ne doit pas être retournée
  • if(Tirage && objID.className != "Front")
  • {
  • Tirage = false;
  • if(LastCarte == null)
  • {
  • objID.className = "Front";
  • objID.style.backgroundImage = "url("+ArrayDonne[objID.id]+".jpg)";
  • LastCarte = objID;
  • Tirage = true;
  • }
  • else
  • {
  • if(LastCarte.id != objID.id && objID.className != "Front")
  • {
  • // Retourne la Carte et Affiche sa Valeur/Image
  • objID.className = "Front";
  • objID.style.backgroundImage = "url("+ArrayDonne[objID.id]+".jpg)";
  • // Si les deux Cartes sont DIFFÉRENTE
  • if(ArrayDonne[objID.id] != ArrayDonne[LastCarte.id])
  • {
  • // Declenche le Temporisateur
  • a = setTimeout( "ResetChoix(" + objID.id + ", "+ LastCarte.id + ")", Tempor);
  • LastCarte = null;
  • }
  • else
  • {
  • // Les Deux Cartes sont EGALE
  • LastCarte = null;
  • Count ++;
  • PairesOk ++;
  • document.getElementById('paires').innerHTML = PairesOk;
  • // Si Tout Gagner (nbr de paires)
  • if(Count == (NbrValeur/2))
  • {
  • Gagner ++;
  • document.getElementById('NbrGagner').innerHTML = Gagner;
  • document.getElementById('Rejouer').disabled = false;
  • }
  • Tirage = true;
  • }
  • Tentative ++;
  • document.getElementById('Try').innerHTML = Tentative;
  • }
  • }
  • }
  • }
  • // 1ere Donne des Cartes
  • window.onload = Donne;
  • </SCRIPT>
  • <BODY>
  • <TABLE border=0 width=50% align=center cellspacing="2" cellpadding="2" >
  • <TR>
  • <TD> Nbr Gagner : </TD><TD align=left id="NbrGagner">&nbsp;&nbsp;</td>
  • <TD> Valeurs Aléatoire: </TD><TD align=left id="MSG">&nbsp;&nbsp;</td>
  • </TR>
  • <TR>
  • <TD> Tentatives : </TD><TD align=left id="Try">&nbsp;&nbsp;</td>
  • <TD> Paires Ok : </TD><TD align=left id="paires">&nbsp;&nbsp;</td>
  • </TR>
  • <TR>
  • <TD colspan=2>
  • <input id="Rejouer" type="button" value="Rejouer" onclick="InitCarte();" disabled>
  • </TD>
  • <TD colspan=2><label for="tempo">Niveaux de Difficulté </label>
  • <select id="tempo" onchange="Tempor = this[this.selectedIndex].value;">
  • <option value=1500>Facile</option>
  • <option value=1000 selected>Moyen</option>
  • <option value=500>Dur</option>
  • <option value=200>Trés Dur</option>
  • </select>
  • </TD>
  • </TR>
  • </TABLE>
  • <br>
  • <TABLE border=0 width=50% height=70% align=center cellspacing="1" cellpadding="1" >
  • <TBODY id=TabCarte>
  • <tr>
  • <td id="0" onclick="Jouer(this)" class=Back>&nbsp;</td>
  • <td id="1" onclick="Jouer(this)" class=Back>&nbsp;</td>
  • <td id="2" onclick="Jouer(this)" class=Back>&nbsp;</td>
  • <td id="3" onclick="Jouer(this)" class=Back>&nbsp;</td>
  • </tr>
  • <tr>
  • <td id="4" onclick="Jouer(this)" class=Back>&nbsp;</td>
  • <td id="5" onclick="Jouer(this)" class=Back>&nbsp;</td>
  • <td id="6" onclick="Jouer(this)" class=Back>&nbsp;</td>
  • <td id="7" onclick="Jouer(this)" class=Back>&nbsp;</td>
  • </tr>
  • </TBODY>
  • </TABLE>
  • </BODY>
  • </HTML>
<html>


<style>

.cartes, .Back, .Front, .Perdu{
  background-repeat: no-repeat;
  background-position: center center;
  border: 0px solid gray;
  cursor: pointer;

  /* La Largeur est egal à : 100% / par le nbr de cartes horizontale .*/
  /* Pour 4 cartes: 100%/4 = 25% */
  width: 25%;

  /* La Hauteur est egal à : 100% / par le nbr de cartes verticale .*/
  /* Pour 2 cartes: 100%/2 = 50% */
  height: 50%;
}

.Back{
  background-image: url(Back.jpg);
}

#TabCarte TD {
 background-image: url(Back.jpg);
}


</style>

<SCRIPT language="JavaScript" type="text/JavaScript">

var Gagner     = 0;
var Count      = 0;
var LastCarte  = null;

// 4 valeurs * 2 = 8 Cartes, 5 valeurs * 2 = 10 Cartes etc...
var ArrayCartes = new Array("A", "B", "C", "D")
var ArrayBis    = ArrayCartes
var ValueCarte  = ArrayCartes.concat(ArrayBis);
var NbrValeur   = ValueCarte.length;
var ArrayDonne  = new Array(NbrValeur);
var Tirage      = true;
var Tentative   = 0;
var PairesOk    = 0;

// Temporisateur en secondes
var Tempor      = 1000;

// Retourne toutes les Cartes (Coté Back)
function InitCarte()
{
  objColTr = document.getElementById('TabCarte').rows;

  for(i=0; i < objColTr.length; i++)
  {
    colTd = objColTr[i].cells
    for(x=0; x < colTd.length; x++)
    {
      colTd[x].style.backgroundImage = "";
      colTd[x].className = "Back";
    }
  }
  Count = 0;
  document.getElementById('Rejouer').disabled = true;
  Donne();
}

// Tirage Aléatoire des Cartes
function Donne()
{
  var objMSG    = document.getElementById("MSG");
  var objColTr  = document.getElementById('TabCarte').rows;
  var NbrCartes = (objColTr[0].cells.length * objColTr.length);

  var OK        = true;
  var Buffer    = "";
  var Compteur  = 0

  // Le Nbr de Cartes(TD) doit etre egale au Nbr de Valeurs
  // Et doit être un Nbr Paire
  if(NbrValeur == NbrCartes)
  {
    while(OK)
    {
      var Tirage = Math.floor(Math.random() * NbrCartes)
      // Correction pour tirage > à 9 Cartes 
      var reg    = new RegExp("#"+Tirage+":", "gi") // FAUX: new RegExp("["+Tirage+"]", "g")
      

      if (!reg.test(Buffer))
      {
        ArrayDonne[Compteur] = ValueCarte[Tirage];
        // Correction pour tirage > a 9 Cartes 
        Buffer += "#" + Tirage+ ":"; // FAUX: Buffer += Tirage;

        // Affiche le Buffer pour Debug Infos
        objMSG.innerHTML = Buffer;
        Compteur ++;
        if(Compteur == NbrCartes) OK = false;
      }
    }
  }
}

// Temporisateur Reset
function ResetChoix(objID, objLast)
{
  objID   = document.getElementById(objID);
  objLast = document.getElementById(objLast);

  // Images Vide
  objID.style.backgroundImage   = "";
  objLast.style.backgroundImage = "";

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

// Click sur une Carte
function Jouer(objID)
{
	// La Carte ne doit pas être retournée
  if(Tirage && objID.className != "Front")
  {
    Tirage = false;

    if(LastCarte == null)
    {
      objID.className = "Front";
      objID.style.backgroundImage = "url("+ArrayDonne[objID.id]+".jpg)";
      LastCarte       = objID;
      Tirage          = true;
    }
    else
    {
      if(LastCarte.id != objID.id && objID.className != "Front")
      {
        // Retourne la Carte et Affiche sa Valeur/Image
        objID.className = "Front";
        objID.style.backgroundImage = "url("+ArrayDonne[objID.id]+".jpg)";

        // Si les deux Cartes sont DIFFÉRENTE
        if(ArrayDonne[objID.id] != ArrayDonne[LastCarte.id])
        {
          // Declenche le Temporisateur
          a = setTimeout( "ResetChoix(" + objID.id + ", "+ LastCarte.id + ")", Tempor);
          LastCarte       = null;
        }
        else
        {
          // Les Deux Cartes sont EGALE
          LastCarte       = null;
          Count ++;
          PairesOk ++;
          document.getElementById('paires').innerHTML = PairesOk;

          // Si Tout Gagner (nbr de paires)
          if(Count == (NbrValeur/2))
          {
            Gagner   ++;
            document.getElementById('NbrGagner').innerHTML = Gagner;
            document.getElementById('Rejouer').disabled = false;
          }
          Tirage = true;
        }

        Tentative ++;
        document.getElementById('Try').innerHTML = Tentative;

      }
    }
  }
}

// 1ere Donne des Cartes
window.onload = Donne;
</SCRIPT>


  <BODY>
    <TABLE border=0 width=50% align=center cellspacing="2" cellpadding="2" >
      <TR>
        <TD> Nbr Gagner :       </TD><TD  align=left id="NbrGagner">&nbsp;&nbsp;</td>
        <TD> Valeurs Aléatoire: </TD><TD  align=left id="MSG">&nbsp;&nbsp;</td>
      </TR>
      <TR>
        <TD> Tentatives : </TD><TD align=left id="Try">&nbsp;&nbsp;</td>
        <TD> Paires Ok  : </TD><TD align=left id="paires">&nbsp;&nbsp;</td>
      </TR>
      <TR>
        <TD colspan=2>
           <input id="Rejouer" type="button" value="Rejouer" onclick="InitCarte();" disabled>
        </TD>
        <TD colspan=2><label for="tempo">Niveaux de Difficulté  </label>
        	<select id="tempo" onchange="Tempor = this[this.selectedIndex].value;">
        		<option value=1500>Facile</option>
        		<option value=1000 selected>Moyen</option>
        		<option value=500>Dur</option>
        		<option value=200>Trés Dur</option>
        	</select>
        </TD>
        </TR>
    </TABLE>
    <br>
          <TABLE border=0 width=50% height=70% align=center cellspacing="1" cellpadding="1" >

            <TBODY id=TabCarte>
             <tr>
              <td id="0" onclick="Jouer(this)" class=Back>&nbsp;</td>
              <td id="1" onclick="Jouer(this)" class=Back>&nbsp;</td>
              <td id="2" onclick="Jouer(this)" class=Back>&nbsp;</td>
              <td id="3" onclick="Jouer(this)" class=Back>&nbsp;</td>
             </tr>
             <tr>
              <td id="4" onclick="Jouer(this)" class=Back>&nbsp;</td>
              <td id="5" onclick="Jouer(this)" class=Back>&nbsp;</td>
              <td id="6" onclick="Jouer(this)" class=Back>&nbsp;</td>
              <td id="7" onclick="Jouer(this)" class=Back>&nbsp;</td>
             </tr>
           </TBODY>

          </TABLE>
  </BODY>
</HTML>

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Historique

31 mai 2008 13:41:07 :
oubli
02 juin 2008 15:37:54 :
Correction pour tirage > à 10 Cartes L'expression Réguliére ne fonctionne pas voici la correction while(OK) { var Tirage = Math.floor(Math.random() * NbrCartes) var reg = new RegExp("#"+Tirage+":", "gi") if (!reg.test(Buffer)) { ArrayDonne[Compteur] = ValueCarte[Tirage]; Buffer += "#" + Tirage+ ":"; // Affiche le Buffer pour Debug Infos objMSG.innerHTML += Tirage +"|"; Compteur ++; if(Compteur == NbrCartes) OK = false; } }
02 juin 2008 15:41:26 :
Pour les Tirage > à 10 Carte l'expression réguliére ne fonctionne pas Correction function Donne()

Commentaires et avis

signaler à un administrateur
Commentaire de brm200600 le 02/06/2008 17:42:34

Super.

Je suis débutant en programmation et j'aimerais avoir des mots à la place des images.  Comment faire?

Merci d'avance

signaler à un administrateur
Commentaire de macgile le 02/06/2008 19:40:51

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 :)

signaler à un administrateur
Commentaire de macgile le 02/06/2008 19:42:47

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é.

signaler à un administrateur
Commentaire de macgile le 02/06/2008 19:49:09

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



signaler à un administrateur
Commentaire de brm200600 le 04/06/2008 09:44:17

Merci pour la réponse.
Je viens d'effectuer les modifications que tu proposais.

1) après avoir cliqué sur 2 cartes différentes, le mot apparaît en transparence sur le fond de "back.jpg"

2) impossible alors de cliquer sur d'autres cartes.

Je suppose que c'est lié.

signaler à un administrateur
Commentaire de macgile le 04/06/2008 23:04:40

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

signaler à un administrateur
Commentaire de brm200600 le 05/06/2008 17:37:41

Génial : maintenant ça marche !!!

signaler à un administrateur
Commentaire de pierrefab le 16/06/2008 15:43:07 8/10

Bj,
En fait, quel est le code définitif (nbr carte > 10). Merci

signaler à un administrateur
Commentaire de macgile le 17/06/2008 09:07:36

Il faut juste modifié la fonction Donne()

voir les corrections plus haut dans le code.

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Jeux dhtml javascript [ par Cyreb ] Voila, je regarde depuis longtemps les sources proposé sur ce site et je m'interesse aux jeux en javascripts, pourquoi ne pas créer de veritable proje Problème chargement image javascript [ par Travailleuuse06 ] Bonjour,je suis devant un très gros problème que je n'arrive pas à résoudre. J'ai une page html où j'ai un &lt;img src="image"&gt;Dans ma partie jav Détecter est afficher les coordonées de la page du navigateur ??? [ par supergrey ] Bon, déjà je précise qu'en javascript je suis un newbie. Je voudrais afficher dans la barre de titre du navigateur , la position de la fenetre du navi texte initial dans un champ "input" [ par aztec78 ] bonjour,voici mon problème :j'ai un petit programme en javascript qui transforme un texte d'un formulaire en zone de texte à modifier lorsque l'on cli planning javascript [ par MATHIS49 ] bonjour à tous ! Je cherche ce genre de chose (peut etre pas en si poussé) en javascript/php et en libre : <a href=" javascript et flash 4... oui, 4 :( [ par coucoucircus ] Bonjour,Pour un projet professionnel, j'ai une petite contrainte technique qui mérite réfelxion, et j'aurais besoin d'une solution simple... Les conna Javascript avec la lib moo.fx.js [ par BenXbox ] Bonjour, Voilà je voudrais que quant je clique le triangle (fermer.gif) pour ouvrir une section il change d'image (ouvert.gif) avec la lib moo.fx.js Empecher les alert() javascript dans une iframe [ par lolpop ] Bonjour,je n'y connais rien en javascript.Mais j'aurais besoin de votre aide.Sur mon site, j'ai une iframe en bas de page ou défile les sites des visi récupérer les données d'un form javascript dans base de données Access [ par daviddubois ] Bonjour tout le monde, Y'a t'il moyen de récupérer les informations d'un formulaire javascript dans une base de données Access ? Que ça soit en P hta, frames et javascript. [ par David78390 ] Salut à tous, voici une synthese du sujet precedant: J'avais un probleme pour passer ma page index.html en index.hta: j'utilisais des javascript, et


Nos sponsors

Sondage...

CalendriCode

Octobre 2008
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, 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
Temps d'éxécution de la page : 0,281 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.