Rajout formule dans script

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Rajout formule dans script

liliana78

Bonjour à toutes et à tous !

Voilà, pour être brève, je suis correctrice de textes en français (le client me soumet son document, je corrige l'orthographe, la grammaire, la syntaxe, etc.). Il s'agit d'un travail rémunéré. Je dispose d'un site internet.

J'ai installé un formulaire de devis en ligne permettant au client de connaître le tarif de la prestation.
Il inscrit le nombre de lettres, coche la formule choisie (1,2 ou 3) ainsi que son statut (étudiant, particulier ou professionnel) et le prix apparaît.

Au départ, je ne proposais que deux formules (1 et 2). Mais je souhaite en proposer une troisième (le prix sera plus élevé).

Tout d'abord, voici mon script initial (sans la formule 3) :

Code :

{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 ? (Caractères + espaces) </h2>
<ul>
<li>Word 2007/2010 : 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);
$("#resultat" ).html("Tarif généralement appliqué : <span id=\"prix\">"+resultat+" €</span>" );
return false;
}
);
});
// ]]></script>

Et voici les modifications que j'ai apportées, sans succès, pour ajouter la formule 3 :

Code :

<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>
<input id="formule3" type="radio" name="formule" value="3" />
<label for="formule3" />Complète</label>

Code :

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;
}
}else{
if($("#formjur" ).val()== 1){
calcul = $("#nbchar" ).val() * 0.007;
}else if ($("#formjur" ).val()== 2) {
calcul = $("#nbchar" ).val() * 0.008;
}else{
calcul = $("#nbchar" ).val() * 0.006;
}
}

Ai-je oublié quelque chose ?

Merci de votre aide.

Publicité

FBZ

Code :

<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>
<input id="formule3" type="radio" name="formule" value="3" />
<label for="formule3" />Complète</label>

Code :

$(function(){
$("input:submit" ).click(
function(){
var calcul = 0;
var coefReduction = 10/100;
if($("input[name=formule]: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 ($("input[name=formule]:checked" ).val() == 2) {
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;
}
} else {
if ($("#formjur" ).val()== 1) {
calcul = $("#nbchar" ).val() * 0.007;
} else if ($("#formjur" ).val() == 2) {
calcul = $("#nbchar" ).val() * 0.008;
} else {
calcul = $("#nbchar" ).val() * 0.006;
}
}
var resultat = Math.ceil(calcul);
$("#resultat" ).html("Tarif généralement appliqué : <span id=\"prix\">"+resultat+" €</span>" );
return false;
}
);
});

Quand on a 2 conditions : if > else
Si on en ajoute une 3e ou + : if > else if.... (n conditions) > else

J'ai modifié la condition pour qu'elle soit plus parlante en ajoutant le nom du formulaire des radios

EDIT:

Au lieu de garder ce code degueux autant utiliser des tableaux:

Code :

$(function(){
var tarifs = [[0.003,0.005,0.006], // Etudiant
[0.0035,0.0058,0.007], // Particulier
[0.004,0.0066,0.008]]; // Professionnel
$("#testform" ).submit(function() {
var coefReduction = 0.9,
nbrCaractere = $("#nbchar" ).val(),
formule = $("input[name=formule]:checked" ).val() - 1,
client = $("#formjur" ).val(),
resultat = Math.ceil(tarifs[client][formule] * nbrCaractere);
$("#resultat" ).html("Tarif généralement appliqué : <span id=\"prix\">" + resultat + " €</span>" );
return false;
});
});

Message édité par FBZ le 10-09-2015 à 19:14:43

---------------
[Feed-back]

FORUM HardWare.fr

Programmation

Javascript/Node.js

Rajout formule dans script

Sujets relatifs
Script de recherche avancée pour téléchargement	[RESOLU] Script php via Cron
Stylish : exclure une page d'un script	Recherche de script - relancer un .exe en cas de crash
Script autocaptcha	Executer script sans la page blanche
besoin d'aide pour script PHP	Problème de script
Interactions script bash et application en ligne de commande	script suppression clé de registre
Plus de sujets relatifs à : Rajout formule dans script

Page générée en 0.162 secondes