Réduction pour devis

Liliana78 Messages postés 10 Date d'inscription vendredi 27 février 2015 Statut Membre Dernière intervention 1 juin 2015 - Modifié par Liliana78 le 1/06/2015 à 20:11
toto24 Messages postés 5 Date d'inscription samedi 27 octobre 2012 Statut Membre Dernière intervention 13 juillet 2015 - 13 juil. 2015 à 20:37
Bonjour,

J'ouvre un nouveau post suite au précédent : http://codes-sources.commentcamarche.net/forum/affich-10050383-script-reduction-pourcentage

Je réexplique :

J'ai un script de devis en ligne concernant la correction de fautes de français :
{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: 10px;
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 - 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 ? (Les signes ne sont pas des mots.) </h2>
<ul>
<li>Word 2007/2010 : Cliquez sur 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(){

$("input:submit").click(
function(){
var calcul = 0;
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);
$("#resultat").html("Le coût indicatif de votre devis est de <span id=\"prix\">"+resultat+" €</span>");
return false;
}

);

});
// ]]></script>
<br /> + 25 % pour une correction visible
</body>
</html>

{/source}


Le tarif dépend du nombre de signes, de la formule choisie et du statut (étudiant, particulier ou professionnel).

Je souhaiterais insérer une autre variable (après "Statut" mais avant le bouton "Calculer" (à savoir : "J'ai déjà commandé sur votre site")). La case serait à l'origine décochée et la personne la cocherait si elle est une cliente fidèle.

Le fait d'avoir ce statut de "client fidèle" entraînerait une réduction de 20 %.

Pourriez-vous m'aider à traduire en langage informatique cette réduction de 20 % ?

Merci.

1 réponse

toto24 Messages postés 5 Date d'inscription samedi 27 octobre 2012 Statut Membre Dernière intervention 13 juillet 2015
13 juil. 2015 à 20:37
Bonjour,

Je ne suis pas très avancé en formulaires javascript, mais tu peux récupérer le statut du checkbox et si il est coché, faire une multiplication de 0.80 à ton prix total, et si j'en crois ton dernier sujet, comme tu ne veux pas de virgule, tu ne récupères que la partie entière du résultat (avec un int).
0
Rejoignez-nous