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
| <p>Devis pour correction – Liliana78 body { background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7)), repeating-linear-gradient(135deg, #383838 2px, #404040 2px, #404040 4px, #383838 4px, #383838 6px); background-size: 60px 1280px, 6px 6px; background-color: #b7b7b7; font-family: Verdana, Geneva, sans-serif; font-size: 20px; color: #0042b0; text-align: left; line-height: 24px; } #page { width: 900px; margin: auto; padding: 60px; 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 */ } h1 { font-size: 1em; line-height: 1.3em; 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; } .etape { font-weight: bold; text-transform: uppercase; } .etape::after { content: "\00A0: "; }</p>
<h1>Calculez le coût indicatif de votre correction</h1>
<form id="testform"><fieldset>
<p><label class="etape" for="nbchar">Nombre de signes</label> <input id="nbchar" type="text" name="nbchar" value="0" /></p>
<div class="explications">
<h2>Où trouver le nombre de signes ?</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"></label>Approfondie</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">Etudiant</option>
<option value="1">Particulier</option>
<option value="2">Professionnel</option>
</select><input type="submit" value="Calculer" /></p>
</fieldset></form>
<div id="resultat">*</div>
<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.0029;
}else if ($("#formjur").val()== 2) {
calcul = $("#nbchar").val() * 0.0033;
}else{
calcul = $("#nbchar").val() * 0.0025;
}
}else{
if($("#formjur").val()== 1){
calcul = $("#nbchar").val() * 0.004375;
}else if ($("#formjur").val()== 2) {
calcul = $("#nbchar").val() * 0.005;
}else{
calcul = $("#nbchar").val() * 0.00375;
}
}
var resultat = Math.ceil(calcul);
$("#resultat").html("Le coût indicatif de votre devis est de <b>"+resultat+"<b> €");
return false;
}
);
});
// ]]></script> |
Tarif dégressif devis
Répondre avec citation
Je devine que c'est cette partie de son code qui te paraît étrange :
Avec mon code HTML, tu peux les placer en bas de la page, à l'endroit indiqué par un commentaire. Tu peux aussi les placer dans le
Partager