Biblioscript.com : Un modèle de devis entièrement paramétrable

	<SCRIPT LANGUAGE=JavaScript> var nbre = Math.round(Math.random()10000); var chaine="<a href=http://www3.click-fr.com/clickj.cgi?a=1019-405664&b=" + nbre + " target=clickfr><img border=0 height=60 width=468 SRC=http://www3.click-fr.com/printj.cgi?a=1019-405664&b=" + nbre +" alt=\" Visitez notre Sponsor ! *\"></a>"; document.write(chaine); </SCRIPT> Membre de ClickFR, Reseau francophone Paie-Par-Click


- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]

	JavaScript 1.3

Calculs

Devis

	Fonction

		Le but de ce script est de proposer une liste d'éléments ayant chacun un prix et de permettre au visiteur de cocher ce qu'il désire et de voir en direct le total que ses choix représente. On y ajoute des données comme la TVA et le hors taxe, pour compléter.

	Principe

		Le JavaScript sait très bien calculer. Il suffit donc d'une simple fonction avec quelques calculs intermédiaires pour la TVA et du formulaire adéquat dans la page pour réaliser le devis.

	Le script

dans la partie <head>

var total = 0;

// Permet de ne pas declarer le nombre d'elements du formulaires

var nb;

nb = document.devis.coche.length;

total = eval(document.devis.prix_base.value);

// Evalue toutes les cases cochees

for( i = 0 ; i < nb ; i++ ) {

if (document.devis.coche[i].checked) total = total + eval(document.devis.coche[i].value);

}

// Calcule et affiche le hors taxe

ht = Math.round(((total / 119.6)*100)*100)/100;

document.devis.ht.value = ht;

// Calcule et affiche la TVA

tva = Math.round(((19.6*ht/100)*100))/100;

document.devis.tva.value = tva;

// Affiche le total de toutes les cases cochees

document.devis.prix_total.value = total;

}
</script>

dans la partie <body>

<form name="devis">
<input type="hidden" name="prix_base" value="0">
la base est à 0 f
<input name="coche" type="checkbox" value="15" onclick="calcul()"> 15 ff une trousse
<input name="coche" type="checkbox" value="30" onclick="calcul()"> 30 ff de la peinture
<input name="coche" type="checkbox" value="28" onclick="calcul()"> 28 ff 3 cahiers
<input name="coche" type="checkbox" value="20" onclick="calcul()"> 20 ff 2 stylos
<input name="coche" type="checkbox" value="17" onclick="calcul()"> 17 ff un correcteur
<input name="coche" type="checkbox" value="55" onclick="calcul()"> 55 ff un stylo plume
<input type="text" name="ht" value="0" size="8"> Prix Hors Taxe
<input type="text" name="tva" value="0" size="8"> TVA
<input type="text" name="prix_total" value="0" size="8"> Prix TTC
<input type="reset" value="Effacer">
</form>

	Démonstration

	Téléchargement

Ce script est disponible en deux versions :

le script est intégré à la page où il agit,

le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.

Script intégré :

calculs_devis.zip
1 Ko

Script séparé :

calculs_devis2.zip
1 Ko


	Recherche


	CSS 2


	DHTML


	HTML 4


	Références


	Aide générale


	statistiques