Plu in UP

[jmpo]

http://tfe.clic-nature.com/index.php/essai-pyramide

ne fais pas attention aux intitulés

[lomart]

J'obtiens cela avec le code ci-dessous


Dans le champ HTML/PHP de LM-Custom

    <div class="form-inline">
      <input type="text" id="montantacalculer">
      <input type="button" value="calculer" onclick="calculerRepartition()">
    </div>
    <div class="affichage">

      <div class="argent">
        <img src="images/billets/billet500.png">
        <span id="nb_500"></span>
      </div>
      <div class="argent">
        <img src="images/billets/billet200.png">
        <span id="nb_200"></span>
      </div>
      <div class="argent">
        <img src="images/billets/billet100.png">
        <span id="nb_100"></span>
      </div>
      <div class="argent">
        <img src="images/billets/billet50.png">
        <span id="nb_50"></span>
      </div>
      <div class="argent">
        <img src="images/billets/billet20.png">
        <span id="nb_20"></span>
     </div>
      <div class="argent">
        <img src="images/billets/billet10.png">
        <span id="nb_10"></span>
      </div>
    <div class="argent">
        <img src="images/billets/billet5.png">
        <span id="nb_5"></span>
      </div>

    <div class="argent">
        <img src="images/billets/piece2.png">
        <span id="nb_2"></span>
      </div>
      <div class="argent">
        <img src="images/billets/piece1.png">
        <span id="nb_1"></span>
      </div>
      <div class="argent">
        <img src="images/billets/piece50ct.png">
        <span id="nb_0.5"></span>
      </div>
      <div class="argent">
        <img src="images/billets/piece20ct.png">
        <span id="nb_0.2"></span>
      </div>
      <div class="argent">
        <img src="images/billets/piece10ct.png">
        <span id="nb_0.1"></span>
      </div>
      <div class="argent">
        <img src="images/billets/piece5ct.png">
        <span id="nb_0.05"></span>
    </div>
      <div class="argent">
        <img src="images/billets/piece2ct.png">
        <span id="nb_0.02"></span>
    </div>    
       <div class="argent">
        <img src="images/billets/piece1ct.png">
        <span id="nb_0.01"></span>
    </div>
    <script type="text/javascript">
      function calculerRepartition(){
        var BreakException = {};
        var montantacalculer = parseFloat(document.getElementById('montantacalculer').value);
        var a = ['500','200','100','50','20','10','5','2','1','0.5','0.2','0.1','0.05','0.02','0.01'];
        try {
          a.forEach(function(montant) {
            var calc = divrest(montant,montantacalculer);
            console.log(montant + "->>" + calc[0] + ' reste:'+ calc[1]);
            var id_span_ou_ecrire = 'nb_'+montant;
            var spanMontant = document.getElementById(id_span_ou_ecrire);
            var nbValeur = parseInt(calc[0]);
            if(typeof(spanMontant)!='undefined' && spanMontant!=null ){
              spanMontant.innerHTML = nbValeur + "* " + montant;
              //si il y a un reste
              if(calc[1] > 0){
                montantacalculer = calc[1];
              }else{
                throw BreakException;
              }
            }
          });        
        } catch (e) {
          //pour sortir de la boucle
          if (e !== BreakException) throw e;
        }
      }

      function divrest(valArgent,montantrestant){
         var result=[];
         result[0] = montantrestant / valArgent;
         result[1] = montantrestant % valArgent;
         return result;
      }
    </script>

Dans le champ CSS

 .form-inline{
      display:inline-block;
      padding:8px;
      width:50%;
    }
.argent{
      width:200px;
      height:100px;
      border-width: 1px;
      border-radius: 10px;
      border-color: grey;
      display:inline-block;
    }
    .argent img{
      max-width:50%;
    }

[jmpo]

Ok, c’est de ma faute, j’ai tout copié au même endroit, je vais corrigé cela
Merci

[jmpo]

À mon avis je passe à côté de qq chose... peut être dans les Conditions d'affichage, que faut il mettre dans catégories?
Cela ne fonctionne tjs pas... et pourtant j’ai modifié le code et copie le code dans CSS

http://tfe.clic-nature.com/index.php/essai-pyramide

[lomart]

On retrouve ce code dans la page. Il vient d'où ?

<!DOCTYPE html> <html lang="fr" <head> <meta charset="utf-8"> <title>money is money...</title> <style> } ....

de mémoire, c'était le head du fichier HTML d'avant

[jmpo]

Cela avance, j’ai les billets qui s’affichent, mais tjs pas la possibilité d’introduire le montant... et j’ai du code en dessous de la page?

http://tfe.clic-nature.com/index.php/essai-pyramide

[jmpo]

Le code était tjs sur la page de départ.... le calcul ne fonctionne pas ?
Je suis sur ma tablette, car je ne suis pas à la maison, je suppose que ce n’est pas à cause de cela

[lomart]

Bonjour,

Si je pouvais avoir, en MP, un accès admin au site, je pourrais regarder ce qui ne va pas

[jmpo]

c'est envoyé en MP

[lomart]

Bonjour,

Donc cela fonctionne. C'était un souci de cache si j'ai bien compris.
Par contre le script et le CSS ont été changés depuis mes indications. On ne va jamais y arriver si l'on change les données en cours de route.

Voir pour supprimer la partie suivante dans le code JS

if(nbValeur>0){
spanMontant.parentElement.style.display='block';
}

[jmpo]

oui c'était le cache...
Désolé d'avoir modifié le code... j'ai reçu un nouveau code pour n'afficher que les billets et pièces utilisés... ce qui est plus facile pour les enfants... je pensais que cela n'allait pas te poser des problèmes.
Je remets le tien?

[lomart]

Non, juste faire la modif indiquée dans mon post #26

[jmpo]

je viens de faire cette modification... l'entièreté des billets et pièces s'affichent?

[jmpo]

Une nouvelle fois un grand MERCI à toi Lomart pour ta précieuse aide... tout fonctionne parfaitement du point de vue affichage, il ne me reste plus qu'à trouver le petit bug dans les calculs, probablement à cause des arrondis.
Bonne journée.

[lomart]

Bonjour,
Il faudrait demander aux personnes à l'origine du script