Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1184 connectés 

  FORUM HardWare.fr
  Programmation
  Javascript/Node.js

  Nouvelle formule dans un script

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Nouvelle formule dans un script

n°2271488
liliana78
Posté le 13-12-2015 à 20:12:38  profilanswer
 

Bonjour à tous et à toutes !
 
J'avais déjà posté il y a quelque temps pour obtenir de l'aide.
 
En résumé, je corrige des textes en français (orthographe, grammaire...).
 
A la base, je proposais deux formules (simple et approfondie) et trois sous-catégories (étudiant, particulier et professionnel). Ci-dessous le script :
 

Code :
  1. {source 0}
  2. <!DOCTYPE html>
  3. <html lang="fr">
  4. <head>
  5.   <meta charset="utf-8">
  6.   <title>Blog de correction textes</title>
  7.   <style>
  8.   body {
  9.   background-size: 5px 900px, 6px 6px;
  10.   font-family: Verdana, Geneva, sans-serif;
  11.   font-size: 13px;
  12.   color: #000309;
  13.   text-align: left;
  14.   line-height: 24px;
  15. }
  17. #page {
  18.   width: 650px;
  19.   margin: auto;
  20.   padding: 20px;
  21.   background: #d8d8d8; /* Old browsers */
  22.   background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d8d8d8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  23.   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  24.   background:    -moz-linear-gradient(top,       #d8d8d8 1%, #ffffff 100%); /* FF3.6+ */
  25.   background: -webkit-linear-gradient(top,       #d8d8d8 1%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
  26.   background:      -o-linear-gradient(top,       #d8d8d8 1%, #ffffff 100%); /* Opera 11.10+ */
  27.   background:     -ms-linear-gradient(top,       #d8d8d8 1%, #ffffff 100%); /* IE10+ */
  28.   background:         linear-gradient(to bottom, #d8d8d8 1%, #ffffff 100%); /* W3C */
  29. }
  31. #prix { font-weight:bold; font-size:200%; color:blue; }
  33. h1 {
  34.   font-size: 0em;
  35.   line-height: 1em;
  36.   margin: 0;
  37.   text-transform: uppercase;
  38. }
  40. fieldset {
  41.   border: none;
  42.   margin: 0 0 1ex;
  43.   padding: 0;
  44. }
  46. .explications {
  47.   border-left: solid thin #0042b0;
  48.   padding-left: 1ex;
  49. }
  51. .explications ul {
  52.   list-style: none;
  53.   font-size: 14px;
  54.   font-style: italic;
  55.   padding: 0;
  56. }
  58. .explications li {
  59.   margin: 1ex 0;
  60. }
  62. .explications h2 {
  63.   font-style: italic;
  64.   font-size: 1em;
  65.   margin: 0 0 1em;
  66. }
  68. explications h3 {
  69.   font-style: italic;
  70.   font-size: 1em;
  71.   margin: 0 0 1em;
  72. }
  74. .etape {
  75.   font-weight: bold;
  76.   text-transform: uppercase;
  77. }
  78. .etape::after {
  79.   content: "\00A0: ";
  80. }
  81.   </style>
  82. </head>
  83. <body>
  85. <!DOCTYPE html>
  86. <html lang="fr">
  87. <head>
  88.   <meta charset="utf-8">
  89.   <title>Devis pour correction &ndash; Liliana78</title>
  91. </head>
  92. <body>
  94. <section id="page">
  95.   <h1>Coût de votre correction</h1>
  96.   <form id="testform">
  97.     <fieldset>
  98.       <p>
  99.         <label for="nbchar" class="etape">Nombre de signes</label>
  100.         <input id="nbchar" type="text" name="nbchar" value="0" />
  101.       </p>
  102.       <div class="explications">
  103.         <h2>Où trouver le nombre de signes ? (Caractères + espaces) </h2>
  104.         <ul>
  105.           <li>Word 2007/2010/2013 : Cliquez sur l'onglet <strong>Révisions</strong>,
  106.             puis <strong>Vérification</strong> et enfin <strong>Statistiques</strong>.
  107.             Repérez la ligne <strong>caractères espaces compris.</strong>
  108.           </li>
  109.           <li>Word 2003/OpenOffice : Cliquez sur <strong>Outils</strong>,
  110.             puis <strong>Statistiques.</strong> Repérez la ligne
  111.             <strong>caractères espaces compris.</strong>
  112.           </li>
  113.         </ul>
  114.       </div>
  115.     </fieldset>
  116.     <fieldset>
  117.       <p>
  118.         <strong class="etape">Formule</strong>
  119.         <input  id="forumle1" type="radio" name="formule" value="1" checked="checked" />
  120.         <label for="forumle1">Simple</label>
  121.         <input  id="formule2" type="radio" name="formule" value="2" />
  122.         <label for="formule2" />Approfondie</label>
  123.        
  124.    
  125.        
  126.       </p>
  127.       <p class="details">
  128.         Voir <a href="formules/correction-reformulation">tableau comparatif</a>
  129.       </p>
  130.       <p>
  131.         <label class="etape" for="formjur">Statut</label>
  132.         <select id="formjur" name="formjur">
  133.           <option value="0">Étudiant</option>
  134.           <option value="1">Particulier</option>
  135.           <option value="2">Professionnel</option>
  136.         </select>
  137.         <input type="submit" value="Calculer" />
  138.       </p>
  139.     </fieldset>
  140.   </form>
  142.   <div id="resultat"></div>
  144. </section>
  146. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  147. <script type="text/javascript">// <![CDATA[
  148. function formatNumber (num) {
  149.     return num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1 " )
  150. }
  151. $(function(){
  152.        $("input:submit" ).click(
  153.             function(){
  154.                 var calcul = 0;
  155.    var coefReduction = 10/100;
  156.                 if($("input:checked" ).val() == 1){
  157.                     if($("#formjur" ).val()== 1){
  158.                         calcul = $("#nbchar" ).val() * 0.0035;
  159.                     }else if ($("#formjur" ).val()== 2) {
  160.                         calcul = $("#nbchar" ).val() * 0.004;
  161.                     }else{
  162.                         calcul = $("#nbchar" ).val() * 0.003;
  163.                     }
  164.                 }else{
  165.                     if($("#formjur" ).val()== 1){
  166.                         calcul = $("#nbchar" ).val() * 0.0058;
  167.                     }else if ($("#formjur" ).val()== 2) {
  168.                         calcul = $("#nbchar" ).val() * 0.0066;
  169.                     }else{
  170.                         calcul = $("#nbchar" ).val() * 0.005;
  171.                     }
  172.        
  173.              
  174.                  
  175.                 }
  176.                 var resultat = Math.ceil(calcul);
  177.       var resultatMajore = resultat + (calcul * coefReduction);
  178.                 $("#resultat" ).html("Tarif généralement appliqué : <span id=\"prix\">"+formatNumber(resultat)+" &euro; </span>/ Si correction en rouge :  <span id=\"prix\">"+formatNumber(Math.round(resultatMajore))+" &euro; </span>"  );
  179.                 return false;
  182.             }
  183.        
  184.         );
  185.     });
  186. // ]]></script>


 
Je souhaiterais ajouter une troisième formule (Réécriture) avec ces tarifs : 0,08 ; 0,09 et 0,1.
 
J'ai essayé d'ajouter ces lignes, mais cela ne marche pas :
 
 

Code :
  1. <input  id="forumle1" type="radio" name="formule" value="1" checked="checked" />
  2. <label for="forumle1">Simple</label>
  3. <input  id="formule2" type="radio" name="formule" value="2" />
  4. <label for="formule2" />Approfondie</label>
  5. <input  id="formule3" type="radio" name="formule" value="3" />
  6. <label for="formule3" />Réécriture</label>


 
 

Code :
  1. if($("input:checked" ).val() == 1){
  2.                     if($("#formjur" ).val()== 1){
  3.                         calcul = $("#nbchar" ).val() * 0.0035;
  4.                     }else if ($("#formjur" ).val()== 2) {
  5.                         calcul = $("#nbchar" ).val() * 0.004;
  6.                     }else{
  7.                         calcul = $("#nbchar" ).val() * 0.003;
  8.                     }
  9.                 }else{
  10.                     if($("#formjur" ).val()== 1){
  11.                         calcul = $("#nbchar" ).val() * 0.0058;
  12.                     }else if ($("#formjur" ).val()== 2) {
  13.                         calcul = $("#nbchar" ).val() * 0.0066;
  14.                     }else{
  15.                         calcul = $("#nbchar" ).val() * 0.005;
  16.                     }
  17.                     }else{
  18.                     if($("#formjur" ).val()== 1){
  19.                         calcul = $("#nbchar" ).val() * 0.009;
  20.                     }else if ($("#formjur" ).val()== 2) {
  21.                         calcul = $("#nbchar" ).val() * 0.01;
  22.                     }else{
  23.                         calcul = $("#nbchar" ).val() * 0.008;
  24.                     }


 
Pourriez-vous m'aider, s'il vous plaît ?
 
Merci beaucoup.

mood
Publicité
Posté le 13-12-2015 à 20:12:38  profilanswer
 

n°2271499
rat de com​bat
attention rongeur méchant!
Posté le 13-12-2015 à 21:40:22  profilanswer
 

Le HTML (<input  id...) à l'air bon, pour le JS faut faire un else if, voir ci-dessous.

Code :
  1. ......
  2. var coefReduction = 10/100;
  3.                 if($("input:checked" ).val() == 1){
  4.                     if($("#formjur" ).val()== 1){
  5.                         calcul = $("#nbchar" ).val() * 0.0035;
  6.                     }else if ($("#formjur" ).val()== 2) {
  7.                         calcul = $("#nbchar" ).val() * 0.004;
  8.                     }else{
  9.                         calcul = $("#nbchar" ).val() * 0.003;
  10.                     }
  11.                 }
  12.    else if($("input:checked" ).val() == 2) {
  13.                     if($("#formjur" ).val()== 1){
  14.                         calcul = $("#nbchar" ).val() * 0.0058;
  15.                     }else if ($("#formjur" ).val()== 2) {
  16.                         calcul = $("#nbchar" ).val() * 0.0066;
  17.                     }else{
  18.                         calcul = $("#nbchar" ).val() * 0.005;
  19.                     }
  20.                 }
  21.    else {
  22.                     if($("#formjur" ).val()== 1){
  23.                         calcul = $("#nbchar" ).val() * 0.009;
  24.                     }else if ($("#formjur" ).val()== 2) {
  25.                         calcul = $("#nbchar" ).val() * 0.01;
  26.                     }else{
  27.                         calcul = $("#nbchar" ).val() * 0.008;
  28.                     }
  29.                 }
  30.                 var resultat = Math.ceil(calcul);
  31. ......


 
Les $("#formjur" ).val()== 2 c'est pas très explicite je trouve, mais je ne saurais dire comment faire mieux. :o

n°2271500
rat de com​bat
attention rongeur méchant!
Posté le 13-12-2015 à 21:40:25  profilanswer
 

doublon


Message édité par rat de combat le 13-12-2015 à 21:40:52

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  Javascript/Node.js

  Nouvelle formule dans un script

 

Sujets relatifs
Appel batch à partir script powershellPowershell - Problème script création d'utilisateur dans l'AD
Arrêt d'un PC avec un script batchScript BATH
aide pour finaliser un scriptAppliquer une formule sur une colonne de plage
Script de sondageExcel formule avec si(et(ou
[Débutant] pour faire un script greasemonkeye voudrais lancer plusieurs script Perl à partir d'un autre script Per
Plus de sujets relatifs à : Nouvelle formule dans un script

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.123 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR