un formulaire pour un devis en temps réel
Bonjour à tous,
Voici 1 tentative pour réaliser 1 devis en temps réel:
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
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
</head>
<body>
<script type="text/javascript">
function radiocoche(Nom)
{
var r = false;
var d = document.forms;
for(var i=0; i<d.length; i++) {
for(var k=0; k<d[i].length; k++) {
if(d[i][k].type=='radio' && d[i][k].name==Nom) {
for(var j=0; j<d[i][Nom].length; j++)
if(d[i][Nom][j].checked)
r = d[i][Nom][j].value;
}
}
}
return parseFloat(r);
}
function boxcochee(Nom)
{
var r = 0;
if (document.getElementById(Nom).checked)
r = document.getElementById(Nom).value;
return parseFloat(r);
}
function Calcul()
{
var res = radiocoche("couleurmaison");
res += radiocoche("nbchambre");
res += boxcochee("jardin");
res += boxcochee("piscine");
res += boxcochee("jacuzzi");
res += parseFloat(document.getElementById("cheminee").value);
document.getElementById("total").value=res+" ";
}
</script>
couleur:
<p>
<input type="radio" name="couleurmaison" value="100" id="blanche"
checked />
<label for="blanche"> blanche -> 100 </label>
<br />
<input type="radio" name="couleurmaison" value="200" id="rose" />
<label for="rose"> rose -> 200 </label>
<br />
<input type="radio" name="couleurmaison" value="300"
id="petitpois" />
<label for="petitpois"> à petits pois -> 300
</label>
</p>
<p>Nb de chambres</p>
<p>
<input type="radio" name="nbchambres" value="90" id="nbchvaut2"
checked />
<label for="nbchvaut2"> 2 -> + 90 </label>
<br />
<input type="radio" name="nbchambres" value="110" id="nbchvaut3"
/>
<label for="nbchvaut3"> 3 -> + 110 </label>
<br />
<input type="radio" name="nbchambres" value="150" id="nbchvaut4"
/>
<label for="nbchvaut4"> 4 et plus -> + 150 </label>
</p>
<p>Ajout:</p>
<p>
<input type="checkbox" name="jardin" id="jardin" value="230" />
<label for="jardin">Jardin -> 230 </label>
<br />
<input type="checkbox" name="piscine" id="piscine" value="500" />
<label for="jardin"> Piscine -> 500 </label>
<br />
<input type="checkbox" name="jacuzzi" id="jacuzzi" value="230" />
<label for="jardin"> Jacuzzi -> 350 </label>
</p>
<p>Cheminée</p>
<p>
<select name="cheminee" id="cheminee">
<option value="0">Pas de cheminée</option>
<option value="400">Modèle 1 -> 400 </option>
<option value="450">Modèle 2 -> 450 </option>
<option value="500">Modèle 3 -> 500 </option>
<option value="550">Modèle 4 -> 550 </option>
<option value="600">Modèle 5 -> 600 </option>
<option value="650">Modèle 6 -> 650 </option>
<option value="700">Modèle 7 -> 700 </option>
</select>
</p>
<p>
<INPUT type="text" maxLength=10 size=10 name=total id="total"
value="" readonly>
</p>
<p> </p>
<input type="button" value="Faire le total" onClick="Calcul()">
</body>
</html> |
Il doit y avoir 1 erreur dans le code, car quand on fait le total il ne nous donne pas 1 valeur numérique.
J'espère que parmi vous il y aura 1 personne capable de me dire où est l'erreur.
Merci d'avance.
Pascal
1 grand merci à toi aussi ! ! !
Merci pour toutes ces remarques, elles m'ont bien fait rire :lol:
Citation:
Envoyé par
javatwister
vérifie aussi le value de ton jacuzzi parce que là, tu te fais avoir;