LECODEJAVA.COM : JAVASCRIPT - LE CODE JAVASCRIPT : charrette commerciale - Systeme shopping cart

Charrette commerciale

DEMONSTRATION
Ce script permet de calculer les produits qu'on va payer et les envoyer avec un email.

LE CODE JAVASCRIPT : Charrette commerciale

Accueil Divers HTML

<body>

<script language="JavaScript">
<!-- // Script Gratuit sur lecodejava.com

var Cost, GST, PST, Grand_Total;

function tally()
        {
        Cost = 0;
        if (document.orderform.Item1.checked) { Cost = Cost + 22.11;    }
        if (document.orderform.Item2.checked) { Cost = Cost + 17.77;    }
        if (document.orderform.Item3.checked) { Cost = Cost + 44.26;               }
        if (document.orderform.Item4.checked) { Cost = Cost + 29.06;               }
        if (document.orderform.Item5.checked) { Cost = Cost + 67.94;    }
        if (document.orderform.Item6.checked) { Cost = Cost + 96.81;    }
        if (document.orderform.Item7.checked) { Cost = Cost + 29.96;               }
        if (document.orderform.Item8.checked) { Cost = Cost + 56;               }
       if (document.orderform.Item9.checked) {  Cost = Cost + 77.25;               }

GST = (Cost * 0.03);
        PST = (Cost * 0.05);

Cost = dollar(Cost);
        GST = dollar(GST);
        PST = dollar(PST);
        Grand_Total = parseFloat(Cost) + parseFloat(GST) + parseFloat(PST);
        Grand_Total = dollar(Grand_Total);

document.orderform.Total.value = "$" + Cost;
        document.orderform.GST.value = "$" + GST;
        document.orderform.PST.value = "$" + PST;
        document.orderform.GrandTotal.value = "$" + Grand_Total;
        }

function dollar (amount)
{
        amount = parseInt(amount * 100);
        amount = parseFloat(amount/100);
        if (((amount) == Math.floor(amount)) && ((amount - Math.floor (amount)) == 0))
        {
                amount = amount + ".00"
                return amount;
        }
        if ( ((amount * 10) - Math.floor(amount * 10)) == 0)
        {
                amount = amount + "0";
                return amount;
        }
        if ( ((amount * 100) - Math.floor(amount * 100)) == 0)
        {
                amount = amount;
                return amount;
        }
        return amount;
}

//-->
</script>

<form method="post" name="orderform" action="mailto:votreemail@site.com" enctype="text/plain"">
<table border="2" bordercolor="brown">
    <tr><td colspan="4">
<p><input type="checkbox" name="Item1" value="Item1_chosen" onclick="tally()"> Produit A ($22.11)    
<input type="checkbox" name="Item2" value="Item2_chosen" onclick="tally()"> Produit B ($17.77)    <input type="checkbox" name="Item9" value="Item9_chosen" onclick="tally()"> Produit I  ($77.25)
<p><input type="checkbox" name="Item3" value="Item3_chosen" onclick="tally()"> Produit C  ($44.26)    
<input type="checkbox" name="Item4" value="Item4_chosen" onclick="tally()"> Produit D  ($29.06)    <input type="checkbox" name="Item8" value="Item8_chosen" onclick="tally()"> Produit H  ($56)

<p><input type="checkbox" name="Item5" value="Item5_chosen" onclick="tally()"> Produit E  ($67.94)    
<input type="checkbox" name="Item6" value="Item6_chosen" onclick="tally()"> Produit F  ($96.81)    <input type="checkbox" name="Item7" value="Item7_chosen" onclick="tally()"> Produit G  ($29.96)

</td></tr>
<tr>
<td> Prix <input type="text" name="Total" value="$0" size="7"></td>
<td> TAX (3%) <input type="text" name="PST" value="$0"  size="6"></td>
<td colspan="2"> TAX2 (5%) <input type="text" name="GST" value="$0"  size="6"></td>
</tr>
<tr>
<td> Prix Total<input type="text" name="GrandTotal" value="$0" size="8"></td>
</tr>

<tr>
      <td>SOCIETE:</td>
      <td colspan="3"><input type="Text" name="Company" size="35" maxlength="40"></td>
    </tr>
    <tr>
      <td>Contacteur:</td>
      <td colspan="3">Prenom <input type="Text" name="FirstName" size="15"
      maxlength="20"> Nom <input type="Text" name="LastName" size="15" maxlength="20"></td>
    </tr>
    <tr>
      <td>Adresse</td>
      <td><input type="Text" name="Street" size="20" maxlength="40"></td>
    </tr>
    <tr>
      <td>Ville</td>
      <td><input type="Text" name="City" size="20" maxlength="20"> </td>
      <td>Province:</td>
      <td><input type="Text" name="Province" size="20" maxlength="40"></td>
    </tr>
    <tr>
      <td>Pays:</td>
      <td><input type="Text" name="Country" size="20" maxlength="20"></td>
      <td>Codex:</td>
      <td><input type="Text" name="Code" size="9" maxlength="10"></td>
    </tr>
    <tr>
      <td>TEL:</td>
      <td><input type="Text" name="Area" size="3" maxlength="5"> <input type="Text" name="Phone"
      size="8" maxlength="10"></td>
      <td>Fax:</td>
      <td><input type="Text" name="AreaFax" size="3" maxlength="5"> <input type="Text"
      name="Fax" size="8" maxlength="10"></td>
    </tr>
    <tr>
      <td>Email :</td>
      <td colspan=2><input type="Text" name="Email" size="30" maxlength="30"></td>
    </tr>
      <tr><td colspan="4" height="3"><hr></td></tr>
      <tr><td colspan="2" align="center"><input type="Submit" value="Envoyer"></td>
<td colspan="2" align="center"><input type="RESET" value="Recommencer"></td></tr>
  </table>
</form>

</center>

Accueil