Ajout phrase formule

Version imprimable

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

Je souhaiterais, seulement lorsqu'apparaît le prix de la deuxième formule, que soit écrit : "En cas de réécriture très importante (+ de 25 %), le tarif appliqué sera de...."

A noter que la majoration sera alors de 20 %.

Je vous remercie beaucoup de votre aide.

Bonjour,

Je vous propose :

Code:

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

Je te remercie énormément.

Je voulais juste te demander s'il était possible d'écrire, à côté du prix de "la réécriture importante", le prix de la correction en rouge (+10 % par rapport au prix de cette réécriture), comme pour la ligne du dessus :

Code:

1
2
3
4
5
 var resultat = Math.ceil(calcul);
                var resultatMajore = resultat + (calcul * coefReduction);
                $("#resultat").html("Tarif généralement appliqué : <span class=\"prix\">" + formatNumber(resultat) + " &euro; </span>/ Si correction en rouge :  <span class=\"prix\">" + formatNumber(Math.round(resultatMajore)) + " &euro; </span>");
                $('#resultatSupplement').html((supp) ? "En cas de réécriture très importante (+ de 25 %), le tarif appliqué sera de <span class=\"prix\">" + supplement(resultat) + " &euro; </span>" : "");
                return false;

Merci encore.

Voila :

Code:

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

Il y a plus de texte et cela retourne à la ligne. Si tu souhaite que cela apparaisse sur une ligne seulement, tu peux mettre la valeur 650px à 850px.

avant :

Code:

1
2
3
4
 
#page {
            width: 650px;
            margin: auto;

après :

Code:

1
2
3
4
 
#page {
            width: 850px;
            margin: auto;

14/12/2015, 19h14
Liliana78

1°) Alors, au lieu qu'il y ait une majoration de 10 % pour la correction en rouge, le prix est minoré. Je pense que tu as fait une inversion (ce souci apparaît sur les deux lignes : tarif normal et avec réécriture importante).

2°) Est-il possible de supprimer les chiffres à virgule dans "Réécriture importante" et d'arrondir à l'unité supérieure, comme pour les résultats de la ligne du dessus ?

Par exemple, si j'écris 1 250 147 caratères, voici les tarifs qui s'affichent : 6 251 € / Si correction en rouge : 6 876 €
En cas de réécriture très importante : 7 501.2 € / Si correction en rouge : 6 876 €

Je te remercie beaucoup.
14/12/2015, 19h28
__Qu0kk4__

Oui, la version initiale avait ces problèmes, je l'avais posté sur le forum sans l'avoir testée comme il faut. Je me suis empressé de modifier en espérant que tu n'es pas récupéré la version qui retire 10% et avec virgule, mais je pense que l'on «*s'est croisé*». Pourrais-tu reprendre le code du dernier message, le tester et me dire si je me trompe ou pas stp*?
14/12/2015, 19h31
Liliana78

C'est bien le dernier code que j'ai testé, celui où tu me dis que ça ne tient pas sur une ligne.

1 pièce(s) jointe(s)

celui ne fonctionne pas chez toi ?

Code:

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

Pièce jointe 195275

14/12/2015, 19h51
Liliana78

C'est parfait, je te remercie beaucoup. Tu as réglé cela en cinq minutes, alors que je galère depuis des mois...

Si j'ai bien compris, si un jour je souhaite modifier le pourcentage relatif à la correction en rouge, je touche à "var coefReduction = 10 / 100" et à cela "var more = (result * 20) / 100" pour le pourcentage de la réécriture importante ?
14/12/2015, 20h41
__Qu0kk4__

Oui tout à fait se sont les deux lignes à modifier.

Je suis content si cela t'a rendu service.

Bonne soirée
14/12/2015, 21h05
Liliana78

Merci, toi aussi