forum-test-onyx4

forumtest
Le deal à ne pas rater :
Réassort du coffret Pokémon 151 Électhor-ex : où l’acheter ?
Voir le deal

 

 Pour la boutique

Aller en bas 
AuteurMessage
Admin
Team Fighter I
Team Fighter I
Admin

Messages : 26
Date d'inscription : 01/10/2014
Age : 30
Métier : plombier

Feuille de personnage
Champ X RPG: Bla bla bla

Pour la boutique Empty
MessageSujet: Pour la boutique   Pour la boutique EmptyVen 31 Mai - 9:45

Illi
Code:
<br /><!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta name="author" content="Onyx" />
  <title>Olympie's Shop</title>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
  <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
  <link href='https://fonts.googleapis.com/css?family=Dancing+Script|Libre+Baskerville' rel='stylesheet' type='text/css' />
  <style type="text/css">
    /*Corps*/
    body {
    margin: 0px;
    }
    /*Le bloc entier de la boutique*/
    #boutique {
    position: relative;
    padding-bottom: 10px;
    margin: auto;
    max-width: 600px;
    background-color: #ADB9D1;
    border: 8px double #232937;
    border-left: 1px solid #9CAAC4;
    border-right: 1px solid #9CAAC4;
    font-size: 14px;
    font-family: 'Times New Roman';
    color: #707070;
    text-align: center;
    }
    /*Le bloc du titre de la boutique*/
    #boutique_top {
    padding: 10px;
    font-size: 26px;
    font-family: 'Dancing Script', script;
    text-align: center;
    border-bottom: 1px solid #9CAAC4;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    }
    /*Menu de gauche*/
    #menu {
    float: left;
    text-align: left;
    padding-top: 5px;
    width: 150px;
    height: 880px;
    margin-right: 10px;
    padding-left: 5px;
    border-right: 1px solid #9CAAC4;
    }
    /*Les boutons de tri*/
    #trier, #trier2 {
    display: block;
    margin: auto;
    }
    /*Titres des catégories*/
    .menu_title {
    display: inline-block;
    margin-left: 20px;
    border-bottom: 1px solid #707070;
    color: #707070;
    font-size: 16px;
    }
    /*Liste des options des catégories*/
    #menu ul {
    margin-top: 5px;
    margin-bottom: 10px;
    list-style-type:none;
    }
    /*Option des catégories*/
    #menu ul li {
    margin-left: -30px;
    }
    /*Partie de droite*/
    #middle {
    overflow: auto;
    height: 880px;
    text-align: center;
    }
    /*Div de un seul item*/
    .contenu_shoponglet > div {
    display: inline-block;
    text-align: center;
    margin-bottom: 10px;
    padding: 10px;
    }
    /*Bloc qui contient l'item*/
    .item_bloc {
    display: inline-block;
    vertical-align: top;
    background-color: #cfcfcf;
    box-shadow: 0px 0px 10px #353535;
    width: 130px;
    padding: 5px;
    color: #565656;
    }
    /*Image de l'item*/
    .item_bloc > img:first-child {
    display: inline-block;
    width: 100px;
    height: 100px;
    }
    /*Nom de l'item*/
    .item_name {
    padding: 5px;
    font-size: 16px;
    font-family: 'Cambria';
    font-weight: bold;
    text-transform: uppercase;
    }
    /*Input du nombre d'item à acheter*/
    input[type="number"] {
    display: inline-block;
    max-width: 50px;
    border: 1px solid #a3a3a3;
    background-color: #efefef;
    text-align: center;
    margin-bottom: 2px;
    }
    /*Partie du panier*/
    #bottom {
    position: relative;
    display: inline-block;
    margin: auto;
    width: 510px;
    background-color: #efefef;
    box-shadow: 0px 0px 10px #353535;
    color: #565656;
    text-align: center;
    overflow: hidden;
    }
    /*Titre du panier*/
    #bottom_top {
    position: relative;
    z-index: 2;
    font-size: 24px;
    font-family: 'Dancing Script', script;
    text-align: center;
    border-bottom: 1px solid #747474;
    width: 500px;
    padding: 5px;
    background-color: #dfdfdf;
    box-shadow: 0px 0px 10px #353535;
    color: #565656;
    }
    /*Panier visible*/
    #vuepanier {
    position: relative;
    z-index: 1;
    margin: 10px;
    margin-right: 0px;
    margin-left: 0px;
    width: 500px;
    height: 100px;
    background-color: #efefef;
    padding: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #565656;
    text-align: justify;
    overflow: auto;
    }
    /*Bouton effacer et soumettre le panier*/
    #soumettrepanier, #effacerpanier {
    display: inline-block;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    }
    /*Bouton soumettre le panier*/
    #effacerpanier {
    margin-right: 15px;
    }
    /*Credit*/
    .credits {
    font-size: 12px;
    position: absolute;
    width: 200px;
    bottom: 2px;
    left: 2px;
    text-align: left;
    }
    
    /*Liens*/
    a {
    text-decoration: none;
    color: #454545;
    }
    a:hover {
    color: #000000;
    }
    
    /*Bloc objet dans le panier*/
    .item_input {
    display: inline-block;
    margin-bottom: 5px;
    background-color: #cfcfcf;
    padding: 2px;
    width: 475px;
    text-align: left;
    }
    /*Le bloc du nom et prix de l'objet dans le panier*/
    .iteminsidepanier {
    margin-left: 5px;
    display: inline-block;
    text-align: left;
    }
    /*Les boutons dans le panier*/
    .item_input button {
    }
    /*Le bouton supprimer de l'objet dans le panier*/
    .button_delete {
    margin-right: 2px;
    display: inline-block;
    }
    /*La quantité de l'objet dans le panier*/
    .input_nb_object {
    margin: 0px 2px 0px 2px;
    display: inline-block;
    padding: 2px;
    border: 1px solid #a3a3a3;
    background: #efefef;
    width: 45px;
    text-align: center;
    }
  </style>
</head>
<body>
  <form enctype="multipart/form-data" name="post" method="post" action="/post" id="boutique" onsubmit="CompleteMessage()" target="_blank">
    <div class="credits">Par Onyx de <a href="http://www.never-utopia.com/forum" target="_blank" >Never-Utopia</a>.</div>
    <div id="boutique_top"><div id="badam"></div>
      La boutique de <span class="La colonie"></span>
    </div>

    <!-- DÉBUT DU MENU POUR TRIER -->
    <div id="menu">
      <button id="trier2" type="button" onclick="notriage()">Rénitialiser le Tri</button><br />
      <button id="trier" type="button" onclick="triage()">Trier les Items</button><br />

      <!-- DÉBUT CATÉGORIE TYPE -->
      <span class="menu_title">Type</span>
      <ul id="Type">
        <!-- OPTION #1 -->
        <li><input type="checkbox" name="Arme" />
          Armes
        </li>
        <!-- OPTION #2 -->
        <li><input type="checkbox" name="Armure" />
          Armures
        </li>
        <!-- OPTION #3 -->
        <li><input type="checkbox" name="Pharmacie" />
          Pharmacie
        </li>
        <!-- OPTION #4 -->
        <li><input type="checkbox" name="Objet" />
          Objets
        </li>
        <!-- OPTION #5 -->
        <li><input type="checkbox" name="Animaux" />
          Animaux
        </li>
        <!-- OPTION #6 -->
        <li><input type="checkbox" name="Sortilèges" />
          Sortilège et Personnalisatio
        </li>
            </ul>
      <!-- FIN CATÉGORIE TYPE -->

      <!-- DÉBUT CATÉGORIE NIVEAU -->
      <span class="menu_title">Catégorie</span>
      <ul id="Métaux">
        <!-- OPTION #1 -->
        <li><input type="checkbox" name="Bronze céleste" />
          Bonze céleste
        </li>
        <!-- OPTION #2 -->
        <li><input type="checkbox" name="Fer stygien" />
          Fer stygien
        </li>
        <!-- OPTION #3 -->
        <li><input type="checkbox" name="Hybride" />
          Hybride
        </li>
        <!-- OPTION #4 -->
        <li><input type="checkbox" name="Nourriture Divine" />
          Divine
        </li>
        <!-- OPTION #5 -->
        <li><input type="checkbox" name="Enchantement" />
          Enchantement et transformation
        </li>
        <!-- OPTION #6 -->
        <li><input type="checkbox" name="Soin" />
          Soin
        </li>
                 </ul>
      <!-- FIN CATÉGORIE NIVEAU -->

      <!-- DÉBUT CATÉGORIE PRIX -->
      <span class="menu_title">Prix</span>
      <ul id="Prix">
        <!-- OPTION #1 -->
        <li><input type="checkbox" name="Max99" />
          Moins que 100
        </li>
        <!-- OPTION #2 -->
        <li><input type="checkbox" name="100_499" />
          [100 et 499]
        </li>
        <!-- OPTION #3 -->
        <li><input type="checkbox" name="500_999" />
          [500 et 999]
        </li>
        <!-- OPTION #4 -->
        <li><input type="checkbox" name="1000_4999" />
          [1000 et 4999]
        </li>
        <!-- OPTION #5 -->
        <li><input type="checkbox" name="5000_10000" />
          [5000 et 10000]
        </li>
        <!-- OPTION #6 -->
        <li><input type="checkbox" name="Min10000" />
          Plus de 10000
        </li>
      </ul>
      <!-- FIN CATÉGORIE PRIX -->

      <!-- DÉBUT CATÉGORIE RARETÉ -->
      <span class="menu_title">Rareté</span>
      <ul id="Rarete">
        <!-- OPTION #1 -->
        <li><input type="checkbox" name="Commun" />
          Commun
        </li>
        <!-- OPTION #2 -->
        <li><input type="checkbox" name="Rare" />
          Rare
        </li>
        <!-- OPTION #3 -->
        <li><input type="checkbox" name="Tresrare" />
          Très rare
        </li>
        <!-- OPTION #4 -->
        <li><input type="checkbox" name="Unique" />
          Unique
        </li>
      </ul>
      <!-- FIN CATÉGORIE RARETÉ -->

    </div>
    <!-- FIN DU MENU POUR TRIER -->

    <div id="middle">
      <div class="contenu_shoponglet" id="contenu_shoponglet_Tout">

        <!-- DÉBUT ITEM -->
      <div class="Arme Max99 rare Fer stygien">
          <div class="item_bloc">
            <img src="https://upload.wikimedia.org/wikipedia/commons/3/38/Crossed_gladii.png" /><br />
            <span class="item_name">Glaive</span><br />
            Type Fer stygien<br />
            Rareté<br />
            Prix : <span class="nbprix">50</span>Drachme or<br /><br />
            <input type="number" value="1" min="1" /><br />
            <button class="ajoutprix" type="button">Acheter</button>
          </div>
      <div class="Arme Max99 Commun Bronze céleste">
          <div class="item_bloc">
            <img src="https://upload.wikimedia.org/wikipedia/commons/3/38/Crossed_gladii.png" /><br />
            <span class="item_name">Glaive</span><br />
            Type Bronze céleste<br />
            rareté<br />
            Prix : <span class="nbprix">20</span>Drachme or<br /><br />
            <input type="number" value="1" min="1" /><br />
            <button class="ajoutprix" type="button">Acheter</button>
          </div>
       <div class="Arme Max99 très rare Hybride">
          <div class="item_bloc">
            <img src="https://upload.wikimedia.org/wikipedia/commons/3/38/Crossed_gladii.png" /><br />
            <span class="item_name">Glaive</span><br />
            Type Hybride<br />
            rareté<br />
            Prix : <span class="nbprix">20+40</span>Drachme or<br /><br />
            <input type="number" value="1" min="1" /><br />
            <button class="ajoutprix" type="button">Acheter</button>
          </div>
        <div class="Arme Max99 rare Fer stygien">
          <div class="item_bloc">
            <img src="http://www.bourges1ere.fr/images/Technique/ArcChasse/Monobloc.gif" /><br />
            <span class="item_name">Arc chasseresse</span><br />
            Type Fer stygien<br />
            Rareté<br />
            Prix : <span class="nbprix">XXX</span>Drachme or<br /><br />
            <input type="number" value="1" min="1" /><br />
            <button class="ajoutprix" type="button">Acheter</button>
          </div>
         <div class="Arme Max99 Commun Bronze céleste">
          <div class="item_bloc">
            <img src="https://www.comptoir-du-chateau.fr/1463-large_default/slavonne.jpg" /><br />
            <span class="item_name">rapière</span><br />
            Type Bronze céleste<br />
            Rareté<br />
            Prix : <span class="nbprix">35</span>Drachme or<br /><br />
            <input type="number" value="1" min="1" /><br />
            <button class="ajoutprix" type="button">Acheter</button>
          </div>
          <div class="Arme Max99 rare Fer stygien">
          <div class="item_bloc">
            <img src="https://www.comptoir-du-chateau.fr/1463-large_default/slavonne.jpg" /><br />
            <span class="item_name">rapière</span><br />
            Type Fer stygien<br />
            Rareté<br />
            Prix : <span class="nbprix">35 + 30</span>Drachme or<br /><br />
            <input type="number" value="1" min="1" /><br />
            <button class="ajoutprix" type="button">Acheter</button>
          </div>
           <div class="Arme Max99 Commun Bronze céleste">
          <div class="item_bloc">
            <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRJES7Lb9u1v-oW75n7ep_L-tghhFYh5LZCATUtc84PaHxmSNlW" /><br />
            <span class="item_name">Epées jumelles</span><br />
            Type Bronze céleste<br />
            Rareté<br />
            Prix : <span class="nbprix">40</span>Drachme or<br /><br />
            <input type="number" value="1" min="1" /><br />
            <button class="ajoutprix" type="button">Acheter</button>
          </div>
             <div class="Arme Max99 Commun Bronze céleste">
          <div class="item_bloc">
            <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQfMSHOw2KvS1kOvZStuewS3cmmCsKrc0LIN8G9xqjryKCKX7tv" /><br />
            <span class="item_name">Bouclier</span><br />
            Type Bronze céleste<br />
            Rareté<br />
            Prix : <span class="nbprix">25</span>Drachme or<br /><br />
            <input type="number" value="1" min="1" /><br />
            <button class="ajoutprix" type="button">Acheter</button>
          </div>
           <div class="Pharmacie Max99 Commun Soin">
          <div class="item_bloc">
            <img src="https://cadoetik.ch/90026-large_default/kit-de-secours-etanche-safe.jpg" /><br />
            <span class="item_name">Kit de survie</span><br />
            Type Pharmacie <br />
            Rareté<br />
            Prix : <span class="nbprix">25</span>Drachme or<br /><br />
            <input type="number" value="1" min="1" /><br />
            <button class="ajoutprix" type="button">Acheter</button>
          </div>
              <div class="Pharmacie Max99 Commun Nourriture divine">
          <div class="item_bloc">
            <img src="http://dianantes.free.fr/images/vegetal-barre-cereale.gif" /><br />
            <span class="item_name">Boîte d'ambroisie</span><br />
            Type Pharmacie<br />
            Rareté<br />
            Prix : <span class="nbprix">10</span>Drachme or<br /><br />
            <input type="number" value="1" min="1" /><br />
            <button class="ajoutprix" type="button">Acheter</button>
          </div>
        </div>
        <!-- FIN ITEM -->

      </div>
      <div class="contenu_shoponglet" id="contenu_shoponglet_Autre">
      </div>
    </div>
    <div id="bottom">
      <div id="bottom_top">Mon Panier - <span id="total2">0</span>Drachme or</div>
      <div id="vuepanier">Mon panier est vide.</div>
    </div>
    <br />
    <button id="effacerpanier" type="button" onclick="effacer()">Effacer mon panier</button>
    <input type="submit" id="soumettrepanier" value="Soumettre mon panier" name="post" />
    <textarea name="message" id="message" style="display:none"></textarea>
    <input type="hidden" value="reply" name="mode" />
    <input type="hidden" value="42" name="t" />
    <div style="clear: both;"></div>
  </form>
<script type="text/javascript">
  //<!--
  var totalbase = 0;
  drachme or('#total2').html(totalbase);
  var totaltotal = 0;
  
  /*Quand on ajoute un item au panier*/
  Drachme or('.ajoutprix').click(function() {
    var prix = parseInt(Drachme or(this).parent().find('.nbprix').eq(0).html());
    var qt = parseInt(Drachme or(this).parent().find('input').eq(0).val());
    var qtprixcalculation = qt * prix;
    var nomitem = Drachme or(this).parent().find('.item_name').eq(0).html();
    var phrase = "<span class='item_input'>" +
      "<button type='button' class='button_delete' onclick='deleteqtitem(this)'>x</button>" +
      "<button type='button' class='button_moins' onclick='removeqtitem(this)'>-</button>" +
      "<input type='text' class='input_nb_object' value='"+qt+"' data-prix='"+prix+"' onchange='calcultotal()'></input>" +
      "<button type='button' class='button_plus' onclick='addqtitem(this)'>+</button>" +
      "<span class='iteminsidepanier'><span class='thename'>"+nomitem+"</span>" +
      " à <span class='thepriceinside'>"+prix+"</span>Drachme or pour un total de" +
      " <span class='thetotalinside'>"+qtprixcalculation+"</span>Drachme or.</span>";
    if (Drachme or('#vuepanier').html() == "Mon panier est vide.") {
      Drachme or('#vuepanier').html(phrase);
    }
    else {
      var ajoutphrase = Drachme or('#vuepanier').html();
      ajoutphrase = ajoutphrase+phrase;
      Drachme or('#vuepanier').html(ajoutphrase);
    }
    calcultotal();
  });
  
  /*Ajouter un item déjà dans le panier*/
  function addqtitem(bihihi) {
    var curritem = parseInt($(bihihi).prev().val());
    var curritemafter = curritem + 1;
    Drachme or(bihihi).prev().val(curritemafter);
    calcultotal();
  }
  
  /*Enlever un item déjà dans le panier*/
  function removeqtitem(bohoho) {
    var curratem = parseInt(Drachme or(bohoho).next().val());
    var curratemafter = curratem - 1;
    Drachme or(bohoho).next().val(curratemafter);
    calcultotal();
  }
  
  /*Supprimer un item déjà dans le panier*/
  function deleteqtitem(bahaha) {
    Drachme or(bahaha).parent().remove();
    calcultotal();
  }
  
  /*Fonction pour calculer*/
  function calcultotal() {
    totaltotal = 0;
    Drachme or('.item_input').each(function(){
      if (parseInt(Drachme or(this).find('.input_nb_object:first').val()) < 1) {
        Drachme or(this).remove();
      }
      var otherprix = parseInt(Drachme or(this).find('.input_nb_object:first').attr('data-prix'));
      var otherquant = parseInt(Drachme or(this).find('.input_nb_object:first').val());
      Drachme or(this).find('.thetotalinside:first').html((otherprix*otherquant));
      totaltotal = totaltotal + (otherprix*otherquant);
    });
    if (Drachme or('#vuepanier').html().length < 1) {
      Drachme or('#vuepanier').html("Mon panier est vide.");
      Drachme or('#total2').html(totalbase);
    }
    else {
      Drachme or('#total2').html(totaltotal);
    }
  }
  
  /*Fonction pour effacer le panier*/
  function effacer() {
    Drachme or('#vuepanier').html("Mon panier est vide.");
    Drachme or('#total2').html(totalbase);
  }
  
  /*Fonction pour poster le message*/
  function CompleteMessage() {
    var thetotalprice = totaltotal;
    var lemessage = "Bonjour,<br /><br />J'aimerais acheter les articles suivants s'il vous plaît :<br />";
    Drachme or('.item_input').each(function(){
      var theprice = parseInt(Drachme or(this).find('.input_nb_object:first').attr('data-prix'));
      var thesupername = Drachme or(this).find('.thename:first').html();
      var thequant = parseInt(Drachme or(this).find('.input_nb_object:first').val());
      var thequantpricetotal = thequant * theprice;
      lemessage = lemessage + "<br /> - "+thequant+" "+thesupername+" à "+theprice+"Drachme or pour un total de "+thequantpricetotal+"Drachme or";
    });
    lemessage = lemessage + "<br /><br />Le coût total de ma commande est de : "+thetotalprice+"$.";
    Drachme or('#message').val(lemessage);
  }
  //-->
</script>
<script type="text/javascript">
  //<!--
  function notriage(){
    Drachme or('#menu').find('input:checked').prop( "checked", false );
    Drachme or('#contenu_shoponglet_Tout').css("display", "block");
    Drachme or('#contenu_shoponglet_Autre').html("");
  }
  
  /*Nombre de catégories*/
  var nbtype = Drachme or("#menu").find("ul").length;
  
  /*Fonction triage*/
  function triage() {
  
    /*On trouve le nombre de cases cochées*/
    var totalcheck = Drachme or('#menu').find('input:checked').length;
    /*On se débarasse des items déjà triés*/
    Drachme or('#contenu_shoponglet_Autre').html("");
  
    /*Si aucune case est cochée*/
    if (totalcheck < 1) {
      /*On garde tous les items*/
      Drachme or('#contenu_shoponglet_Tout').css("display", "block");
    }
    /*Sinon*/
    else {
      /*On fait disparaître la liste complète*/
      Drachme or('#contenu_shoponglet_Tout').css("display", "none");
      /*Tableau qui va contenir toutes les catégories qui ont au moins une case cochée*/
      var nomtypech = [];
      /*Pour chaque catégorie on regarde si il y a une case cochée et si oui on met son id dans le tableau nomtypech*/
      for (i = 0; i < nbtype; i++) {
        var nbcatcheckcal = $('#menu').find('ul:eq(' + i + ')').find('input:checked').length;
        if (nbcatcheckcal > 0) {
          var nomtype = Drachme or('#menu').find('ul:eq(' + i + ')').attr('id');
          nomtypech.push(nomtype);
        }
      }
      /*Nombre de catégories qui ont une case cochée*/
      var qunomtypech = nomtypech.length;
      /*Tableau qui contient le nombre de cases cochées par catégories où il y a des cases cochées*/
      var nbnomcatch = [];
      /*Tableau qui contient le name de chaque case cochée*/
      var nomcatch = [];
      for (i = 0; i < qunomtypech; i++) {
        /*On ajoute le nombre de case cochée de chaque catégories où il y en a au moins une dans le tableau nbnomcatch*/
        nbnomcatch[i] = Drachme or('#menu').find('#' + nomtypech[i]).find('input:checked').length;
        for (y = 0; y < nbnomcatch[i]; y++) {
          /*On ajoute le name de chaque case cochée de chaque catégories où il y en a au moins une dans le tableau nomcatch*/
          var truc1 = Drachme or('#menu').find('#' + nomtypech[i]).find('input:checked:eq(' + y + ')').attr('name');
          nomcatch.push(truc1);
        }
      }
      /*Cela va indiquer à case cochée on est rendue. Il commence à 0*/
      var banane = 0;
  
      /*Pour chaque catégorie où il y a une case cochée...*/
      for (i = 0; i < qunomtypech; i++) {
        /*Si on est à la 1ère catégorie*/
        if (i < 1) {
          /*Pour chaque case cochée de la 1ère catégorie...*/
          for (y = 0; y < nbnomcatch[i]; y++) {
            /*Si on est la première case cochée de la 1ère catégorie*/
            if (banane < 1) {
              /*On regarde le nombre de items qui ont le name de la 1ère case de la 1ère catégorie comme classe*/
              var machin = Drachme or('#contenu_shoponglet_Tout').find('.' + nomcatch[banane]).length;
              /*Pour chacun de ses items on le met dans la partie de droite*/
              for (z = 0; z < machin; z++) {
                Drachme or('#contenu_shoponglet_Tout').find('.' + nomcatch[banane]).eq(z).clone(true).appendTo('#contenu_shoponglet_Autre');
              }
              /*On passe à la case suivante*/
              banane = banane + 1;
            }
            /*Si on est la xème case cochée de la 1ère catégorie*/
            else {
              /*On regarde le nombre de items qui ont le name de la xème case cochée comme classe*/
              var machin = Drachme or('#contenu_shoponglet_Tout').find('.' + nomcatch[banane]).length;
              /*Pour chacun de ces items...*/
              for (z = 0; z < machin; z++) {
                /*Item que on est en train de regarder*/
                var bamibam = Drachme or('#contenu_shoponglet_Tout').find('.' + nomcatch[banane]).eq(z);
                /*On créer la variable qui va regarder si le item que on regarde a une classe de un name qui a déjà été vérifié*/
                var autretruc = 0;
                /*Pour chaque name qui est avant le name que on regarde présentement...*/
                for (w = 0; w < banane; w++) {
                  /*Name où on est rendu à vérifier*/
                  var pamplemousse = nomcatch[w];
                  /*Si le item que on regarde a comme classe un name que on a déjà regardé...*/
                  if (bamibam.hasClass(pamplemousse)) {
                    /*on ajoute 1 à la variable autretruc*/
                    autretruc = autretruc + 1;
                  }
                }
                /*Si autretruc est inférieur a 0 donc si le item que on regarde a pas un name que on a déjà vérifié...*/
                if (autretruc < 1) {
                /*On ajoute le item à la zone de droite*/
                  bamibam.clone(true).appendTo('#contenu_shoponglet_Autre');
                }
              }
              /*On passe à la case suivante*/
              banane = banane + 1;
            }
          }
        }
        /*Si on est pas la 1ère catégorie qui a une case cochée...*/
        else {
          /*On regarde le nombre de item dans la partie de droite*/
          var chose12 = $('#contenu_shoponglet_Autre').children().length;
          /*on crée un tableau qui va contenir les items à enlever de la liste de droite*/
          var calculenlever = [];
          /*Pour chaque item de la liste de droite on met 0 dans le tableau*/
          for (z = 0; z < chose12; z++) {
            calculenlever[z] = 0;
          }
          /*Pour chaque case cochée de la catégorie où on est rendue...*/
          for (y = 0; y < nbnomcatch[i]; y++) {
            /*Pour chaque item qui est dans la liste de droite...*/
            for (z = 0; z < chose12; z++) {
              /*On regarde le xème item de droite*/
              var fraise = $('#contenu_shoponglet_Autre').children().eq(z);
              /*Name de la case où on est rendu*/
              var tomate = nomcatch[banane];
              /*Si le item où on est rendu a cette case on ajoute 1 à sa place dans le tableau calculenlever*/
              if (fraise.hasClass(tomate)) {
                calculenlever[z] = calculenlever[z] + 1;
              }
            }
            /*On passe à la case suivante*/
            banane = banane + 1;
          }
          /*Si les items de droite on aucune classe de aucune des cases de cette catégorie on leur ajoute la classe Detruire*/
          for (y = 0; y < chose12; y++) {
            if (calculenlever[y] < 1) {
              Drachme or('#contenu_shoponglet_Autre').children().eq(y).addClass('Detruire');
            }
          }
          /*On détruit les items à droite qui ont la classe Detruire*/
          Drachme or('#contenu_shoponglet_Autre').children('.Detruire').remove();
        }
      }
      /*Si il y a 0 item à droite après le tri on dit que il y a 0 résultat*/
      var kiwi = $('#contenu_shoponglet_Autre').children().length;
      if (kiwi < 1) {
        Drachme or('#contenu_shoponglet_Autre').html("Aucun résultat ne correspond à votre recherche.");
      }
    }
  }
  //-->
</script>
</body>
</html>

Revenir en haut Aller en bas
https://forum-test-onyx4.forum-canada.com
Admin
Team Fighter I
Team Fighter I
Admin

Messages : 26
Date d'inscription : 01/10/2014
Age : 30
Métier : plombier

Feuille de personnage
Champ X RPG: Bla bla bla

Pour la boutique Empty
MessageSujet: Re: Pour la boutique   Pour la boutique EmptyVen 31 Mai - 9:45

http://libertia.kanak.fr/h22-boutique-du-monde-pirate
Revenir en haut Aller en bas
https://forum-test-onyx4.forum-canada.com
 
Pour la boutique
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Pour le Recueil
» Pour les badges

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
forum-test-onyx4 :: Nom :: Y en a marre :: Genre, vraiment...-
Sauter vers: