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 120 121 122 123 124 125 126 127
| <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Commande Client</title>
<script>
<!--
function Choix(form) {
i = form.Categorie.selectedIndex;
if (i == 0) {
for (i=0;i<4;i++) {
form.article.options[i].text="";
}
return;
}
form.article.selectedIndex = 0;
switch (i) {
case 1 : var txt = new Array ('Soupe_De_Poisson','Boeuf_Stroganoff','Mignonette_De_Poulet'); break;
case 2 : var txt = new Array ('Terrine_de_courgettes','Gaspacho','Salade_Cesar'); break;
case 3 : var txt = new Array ('Pizza_Napolitaine','Pizza_Marinara','Pizza_Margheritta'); break;
case 4 : var txt = new Array ('Pita_Poulet_marine','Wrap_Dinde_marinee','Croc_Monsieur'); break;
}
form.article.options[0].text="";
for (i=0;i<4;i++) {
form.article.options[i+1].text=txt[i];
}
}
</script>
<script>
function verif_champ(Adresse_Livraison,Categorie,Article)
{
var adr = document.envoi.Adresse_Livraison.value == "";
var catego = document.envoi.Categorie.selectedindex.value == "";
var Arti = document.envoi.article.selectedindex.value == "";
if (adr && catego && arti )
{ alert("Un champ n'est pas rempli");
return false;
}
return true;
}
</script>
<script language="javascript"> function calcul() {
var e = document.getElementById("article");
var strUser = e.options[e.selectedIndex].value;
switch (strUser) {
case 'Soupe_De_Poisson' : var prix = "450" ; break;
case 'Boeuf_Stroganoff' : var prix = "800" ; break;
case 'Mignonette_De_Poulet' : var prix = "550" ; break;
case 'Terrine_de_courgettes' : var prix = "300" ; break;
case 'Gaspacho' : var prix = "325" ; break;
case 'Salade_Cesar' : var prix = "335" ; break;
case 'Pizza_Napolitaine' : var prix = "315" ; break;
case 'Pizza_Marinara' : var prix = "365" ; break;
case 'Pizza_Margheritta' : var prix = "375" ; break;
case 'Pita_Poulet_marine' : var prix = "255" ; break;
case 'Wrap_Dinde_marinee' : var prix = "250" ; break;
case 'Croc_Monsieur' : var prix = "150" ; break;
}
val1=prix;
val2=parseInt(document.getElementById('Nombre').value);
var total1=0;
//var remise=0;
if ( val2>= 10) {
alert("vous avez benificié d'un article gratuit");
total1=val1*val2;
document.getElementById('Nombre').value=val2+1;
}
if (val2 < 10) {
total1=val1*val2;
}
document.getElementById('Prixt').value=total1;
}
</SCRIPT>
<style type="text/css">
body {
background-image: url(restauration-commercialisation-service0.jpg);
}
</style>
</head>
<body>
<p> Commande Client</p>
<form action="mailto:polux@gmail.com?subject=Commande Client" name="envoi" method=POST enctype="text/plain" onsubmit="return verif_champ(document.envoi.Adresse_Livraison.value);recalculer();">
<p>Adresse Livraison :
<label for="Adresseli"></label><input type="text" name="Adresse_Livraison" id="Adresseli">
</p>
<p>
Choisir Une categorie :
<SELECT NAME="Categorie" onChange="Choix(this.form);" id="categorie">
<OPTION></OPTION>
<OPTION>Plats Chauds</OPTION>
<OPTION>Entrées Froides</OPTION>
<OPTION>Pizzas</OPTION>
<OPTION>Sandwichs</OPTION>
</SELECT>
<label for="cat"></label>
</p>
<p>
Choisir un article :
<SELECT NAME="article" id="article" onChange="calcul()">
<OPTION></OPTION>
<OPTION></OPTION>
<OPTION></OPTION>
<OPTION></OPTION>
</SELECT>
<label for="art"></label>
</p>
<p>Nombre :
<label for="Nombre"></label>
<input name="Nombre" type="text" id="Nombre" onchange="calcul()" value="1">
<label for="Cat"></label>
</p>
<p>Prix Total :
<label for="Prixt"></label>
<input name="Prix Total" type="text" disabled id="Prixt" >
<label for="Art"></label>
</p>
<p>
<input type="submit" name="" id="" value="Commander">
</p>
</form>
</body>
</html> |
Partager