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
|
<html>
<head>
<script language="javascript">
function Affiche_liste(id_ensemble_select,id_select)
{
var id_ensemble_select = document.getElementById(id_ensemble_select);
var id_select = document.getElementById(id_select);
if(id_ensemble_select)
{
var tab = new Array();
tab = id_ensemble_select.getElementsByTagName('select');
var tablength = tab.length;
for (i=0; i < tablength; i++)
{
tab[i].disabled = true;
if(id_select) tab[i].style.display = 'none';
}
if(id_select)
{
id_select.disabled = false;
id_select.style.display = 'inline';
}
}
}
function calcul(total,categorie,tva)
{
x=document.getElementById(categorie);c=(1*x.value);
x=document.getElementById(tva);t=(1*x.value);
// les frais de port (boucle car bouton radio)
for(i=0;i<document.frm.port.length;i++){
if(document.frm.port[i].checked){f=(1*document.frm.port[i].value);}
}
r=(p*(1+(t/100)))+f; //On calcule
x=document.getElementById(total);x.value=r; // On affecte
}
</script>
</head>
<body>
<form name="frm">
<p>
<label for="choix_visites">Carte de visites</label>
<input type="radio" id = "choix_visites" name = "cat" value = "visites" class = "categorie" onclick = "Affiche_liste(this.className,this.value)" />
<label for="choix_correspondance">Carte de correspondance</label>
<input type="radio" id = "choix_correspondance" name = "cat" value = "corres" class = "categorie" onclick = "Affiche_liste(this.className,this.value)" />
<label for="choix_fairepart">Faire part</label>
<input type="radio" id = "choix_fairepart" name = "cat" value = "part" class = "categorie" onclick = "Affiche_liste(this.className,this.value)" />
</select>
</p>
<p id = "categorie">
<select name = "selection" id = "visites" style= "display:inline" disabled="disabled" onBlur="calcul('total','categorie','tva')">
<option value=>choisissez</option>
<option value="48">100</option>
<option value="49">200</option>
<option value="57">500</option>
<option value="67">1000</option>
</select>
<select name = "selection" id = "corres" style= "display:inline" disabled="disabled">
<option value=>choisissez</option>
<option value="69">100</option>
<option value="76">200</option>
<option value="97">500</option>
<option value="128">1000</option>
</select>
<select name = "selection" id = "part" style= "display:inline" disabled="disabled">
<option value=>choisissez</option>
<option value="69">100</option>
<option value="76">200</option>
<option value="97">500</option>
<option value="128">1000</option>
</select>
</p>
TVA : <select name="tva" id="tva" onChange="calcul('total','categorie','tva')">
<option value="0" selected></option>
<option value="19.6">19,6%</option>
</select>
<br/>
Frais de port : <input id="port" type="radio" name="port" value="0" onClick="calcul('total','categorie','tva')" checked> Retrait sur place ;
<input id="port" type="radio" name="port" value="12" onClick="calcul('total','categorie','tva')"> Collissimo<br/>
Total de la commande : <input id="total" type="text" name="total" readonly>
</form>
</body>
</html> |
Partager