Problème script bon de commande html [Résolu/Fermé]

Messages postés
39
Date d'inscription
mercredi 4 novembre 2009
Statut
Membre
Dernière intervention
16 novembre 2015
- - Dernière réponse : 03audrey03
Messages postés
39
Date d'inscription
mercredi 4 novembre 2009
Statut
Membre
Dernière intervention
16 novembre 2015
- 31 mai 2010 à 19:51
Bonjour,
je dois créer un site web pour mon bac où les clients peuvent commander en ligne, et je devais modifier le bon de commande fourni avec le projet (j'ai modifié les prix) et maintenant les prix ne s'affichent plus, pouvez-vous m'aider? Voici le code du bon de commande :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0031)http://www.aspaa.fr/bon_com.htm -->
<!-- saved from url=(0022)http://internet.e-mail --><!-- saved from url=(0022)http://internet.e-mail --><HTML><HEAD><TITLE>Bon de commande Aspaa</TITLE><!-- #BeginTemplate "/Templates/modelepage.dwt" --><!-- #BeginEditable "titre" --><!-- #EndEditable -->
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<SCRIPT language=javascript>
var ref1="cahiers archéologiques n° 1";
var ref2="cahiers archéologiques n° 2";
var ref3="cahiers archéologiques n° 3";
var ref4="cahiers archéologiques n° 4";
var ref5="cahiers archéologiques n° 5";
var ref6="cahiers archéologiques n° 6";
var ref7="cahiers archéologiques n° 7";
var ref8="cahiers archéologiques n° 8";
var ref9="cahiers archéologiques n° 9";
var ref10="cahiers archéologiques n° 10";
var ref11="cahiers archéologiques n° 11";
var ref12="cahiers archéologiques n° 12";
var ref13="cahiers archéologiques n° 15";
var ref14="cahiers archéologiques n° 16";
var ref15="cahiers archéologiques n° 17";
var ref16="cahiers archéologiques spécial";
var ref17="Terres cuites de l'Aveyron";
var ref18="Parures";
var ref19="Echanges";
var ref20="Statues menhirs";
var ref21="Cuivres en Rouergue";
var ref22="Croyances et rites en Rouergue";
var ref23="Douves, château de Bertholène";
var ref24="Musée archéologique de Séverac";
var ref25="Du silex au métal";
var ref26="Vivre et mourir à Segodunum";
var ref27="Des racines communes";
var ref28="Encyclopédie";
var ref29="Cahiers archéologiques 18";
function arrondi(nombre, chiffre)
{
virgule=Math.pow(10,chiffre);
valeur_arrondi=(Math.round(nombre*virgule))/virgule;
return (valeur_arrondi);
};
function convertchamps(champs)
{
valeur_sans_espaces=champs.replace(/\s/g,"");
valeur_sans_virgule=valeur_sans_espaces.replace(/,/,".");
valeur_convertie=parseFloat(valeur_sans_virgule);
return (valeur_convertie);
};
var prix = new Array(0, 4.57, 7.62 , 7.62, 7.62, 7.62, 7.62, 12.2, 12.2, 12.2, 12.2, 12.2,12.2,18,18,18,15.24,13.72,10.67,13.72, 18.29, 15.24, 18.29, 9.15, 3.05, 22.87, 15, 19, 30, 18,0);
function calcul(lignecommande)
{
var nbrart=0;
var somme=0;
var sommettc=0;
quantite=convertchamps(document.listeqte[lignecommande].value);
indiceprix=document.listepdt.elements[lignecommande].selectedIndex;
document.listemontant[lignecommande].value=arrondi(prix[indiceprix]*quantite,2);
document.listeprix[lignecommande].value=prix[indiceprix];
somme=0;
for (i=0 ; i<document.listemontant.length; i++)
{
if (document.listemontant[i].value!="0")
{
qte=convertchamps(document.listeqte[i].value);
nbrart=nbrart+qte;
}
};
if (nbrart<=1)
{
document.port.mport.value=5.5;
}
else
{
document.port.mport.value=arrondi(5.5+0.8*(nbrart-1),2);
}
montantport=convertchamps(document.port.mport.value);
for (i=0 ; i<document.listepdt.length; i++)
{
somme=somme+convertchamps(document.listemontant[i].value);
};
somme=somme+montantport;
document.total.montanttotal.value=arrondi(somme,2);
// sommettc=somme*1.196;
// document.ttc.montantttc.value=arrondi(sommettc,2);
};
function miseazero()
{
for (i=0 ; i<=6; i++)
{
document.forms[i].reset();
}
};
</SCRIPT>
<STYLE type=text/css>INPUT {
FONT-WEIGHT: normal; COLOR: #ffffff; BACKGROUND-COLOR: #003399; TEXT-ALIGN: center
}
#bouton {
FONT-WEIGHT: bold; COLOR: #ffcccc; BACKGROUND-COLOR: #6699cc; TEXT-ALIGN: center
}
</STYLE>
<LINK href="bon_a_mettre_a_jour_fichiers/princip.css" rel=stylesheet>
<META content="MSHTML 6.00.2800.1476" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff>
<form method=POST action="bdc.php">
<TABLE height=40 cellSpacing=0 width="100%" border=0 hspace="0" vspace="0">
<TBODY>
<TR>
<TD width=360><IMG id=image height=40
src="bon_a_mettre_a_jour_fichiers/titre2.jpg" width=360></TD>
<TD id=titretableau width="100%" bgColor=#d0d1d5 height=40>
<DIV align=center><FONT size=4><B><FONT color=#154e9f><IMG height=10
hspace=0 src="bon_a_mettre_a_jour_fichiers/pbclair.gif" width=10><IMG
height=10 hspace=0 src="bon_a_mettre_a_jour_fichiers/pbjaune.gif"
width=10><IMG height=10 hspace=0
src="bon_a_mettre_a_jour_fichiers/pbfonce.gif" width=10> <!-- #BeginEditable "titrerrubrique" -->BON DE COMMANDE<!-- #EndEditable --></FONT><FONT size=4><B><FONT
color=#154e9f><IMG height=10 hspace=0
src="bon_a_mettre_a_jour_fichiers/pbclair.gif" width=10><IMG height=10
hspace=0 src="bon_a_mettre_a_jour_fichiers/pbjaune.gif" width=10><IMG
height=10 hspace=0 src="bon_a_mettre_a_jour_fichiers/pbfonce.gif"
width=10></FONT></B></FONT><FONT color=#154e9f>
</FONT></B></FONT></DIV></TD></TR></TBODY></TABLE>
<TABLE id=tableau width="100%">
<TBODY>
<TR>
<TD><!-- #BeginEditable "texte" -->
<H2 align=center><B><I>Editer un bon de commande</I></B></H2>
<TABLE border=1>
<TBODY>
<TR>
<TD width=289>
<p>NUMERO CLIENT :<input type="text"name="numcli"value=""/></p>
<P>NOM :       <input type="text"name="nom"value=""/></p>
<p>PRENOM :<input type="text"name="prenom"value=""/>
<P>ADRESSE :
<input type="text"name="adresse"value=""/>
</p>
<p>VILLE :
<input type="text"name="ville"value=""/>
</p>
<p>CODE POSTAL :
<input type="text"name="cp"value=""/>
</p>
<p>N° TELEPHONE :
<input type="integer"name="tel"value=""/>
</p>
<p>ADRESSE MAIL :
<input type="text"name="mail"value=""/>
</p>
</TD>
</TD>
<TD width=668>
<DIV align=center><IMG height=150
src="bon_a_mettre_a_jour_fichiers/Logoaspaa150.jpg"
width=150></DIV></TD></TR></TBODY></TABLE>
<TABLE borderColor=#154e9f width=640 align=center border=1>
<TBODY>
<TR>
<TD width=186 bgColor=#ffffff height=48>
<DIV align=center>
<H1><FONT color=#ffffff><B>Produit</B></FONT></H1></DIV></TD>
<TD width=267 bgColor=#ffffff height=48>
<DIV align=center>
<H1><FONT color=#ffffff><B>Prix</B></FONT></H1></DIV></TD>
<TD width=289 bgColor=#ffffff height=48>
<DIV align=center>
<H1><B><FONT color=#ffffff>Quantité</FONT></B></H1></DIV></TD>
<TD width=289 bgColor=#ffffff height=48>
<DIV align=center>
<H1><B><FONT color=#ffffff>Montant TTC</FONT></B></H1></DIV></TD></TR>
<TR vAlign=top>
<TD align=middle width=186>
<FORM name=listepdt><SELECT onchange=calcul(this.name); name=0>
<OPTION selected></OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref1);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref2);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref3);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref4);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref5);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref6);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref7);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref8);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref9);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref10);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref11);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref12);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref13);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref14);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref15);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref16);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref17);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref18);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref19);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref20);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref21);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref22);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref23);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref24);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref25);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref26);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref27);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref28);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref29);</SCRIPT>
</OPTION></SELECT> <BR><SELECT onchange=calcul(this.name); name=1>
<OPTION selected></OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref1);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref2);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref3);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref4);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref5);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref6);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref7);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref8);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref9);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref10);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref11);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref12);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref13);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref14);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref15);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref16);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref17);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref18);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref19);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref20);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref21);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref22);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref23);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref24);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref25);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref26);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref27);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref28);</SCRIPT>
</OPTION> <OPTION>
<SCRIPT language=javascript>document.write(ref29);</SCRIPT>
</OPTION></SELECT> <BR>
</OPTION></SELECT> <BR></FORM></TD>
<TD align=middle width=289>
<FORM name=listeprix><INPUT readOnly value=0 name=text> <BR><INPUT
readOnly value=0 name=text> <BR><INPUT readOnly value=0 name=text>
<BR><INPUT readOnly value=0 name=text> <BR><INPUT readOnly value=0
name=text> <BR><INPUT readOnly value=0 name=text> <BR><INPUT
readOnly value=0 name=text> <BR><INPUT readOnly value=0 name=text>
<BR><INPUT readOnly value=0 name=text> <BR></FORM></TD>
<TD align=middle width=289>
<FORM name=listeqte><INPUT onchange=calcul(this.name); value=0
name=0> <BR><INPUT onchange=calcul(this.name); value=0 name=1>
<BR><INPUT onchange=calcul(this.name); value=0 name=2> <BR><INPUT
onchange=calcul(this.name); value=0 name=3> <BR><INPUT
onchange=calcul(this.name); value=0 name=4> <BR><INPUT
onchange=calcul(this.name); value=0 name=5> <BR><INPUT
onchange=calcul(this.name); value=0 name=6> <BR><INPUT
onchange=calcul(this.name); value=0 name=7> <BR><INPUT
onchange=calcul(this.name); value=0 name=8> </FORM></TD>
<TD align=middle width=289>
<FORM name=listemontant><INPUT readOnly value=0 name=text>
<BR><INPUT readOnly value=0 name=text> <BR><INPUT readOnly value=0
name=text> <BR><INPUT readOnly value=0 name=text> <BR><INPUT
readOnly value=0 name=text> <BR><INPUT readOnly value=0 name=text>
<BR><INPUT readOnly value=0 name=text> <BR><INPUT readOnly value=0
name=text> <BR><INPUT readOnly value=0 name=text> <BR></FORM></TD></TR>
<TR>
<TD colSpan=3 height=24>
<DIV align=right><B><FONT color=#0099cc>Frais de
port</FONT></B></DIV></TD>
<TD width=289 bgColor=#ffff66 height=24>
<FORM name=port>
<DIV align=center><INPUT readOnly value=0 name=mport> </DIV>
<DIV align=center></DIV></FORM></TD></TR>
<TR>
<TD width=764 colSpan=3>
<DIV align=right><FONT color=#0000cc><B><FONT color=#0099cc>MONTANT
A PAYER</FONT></B></FONT></DIV></TD>
<TD width=289 bgColor=#ffff66>
<FORM name=total>
<DIV align=center><INPUT readOnly value=0 name=montanttotal> </DIV>
<DIV align=center></DIV></FORM></TD></TR>
<TR>
<TD width=186> </TD>
<TD width=289>
<DIV align=center><INPUT id=bouton onclick="alert('N\'oubliez pas de préciser vos noms et adresses ainsi que de joindre le réglement');window.print();" type=button value=Imprimer name=Bouton3>
</DIV></TD>
<TD width=289>
<DIV align=center><INPUT id=bouton onclick=miseazero(); type=button value="Annuler " name=Bouton22>
</DIV></TD>
<TD
width=289> </TD></TR></TBODY></TABLE><!-- #EndEditable --></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 width="100%" border=0 hspace="0" vspace="0">
<TBODY>
<TR>
<TD>
<H1>Aspaa Le Bourg 12630 Montrozier Tél : 05 65 70 71 45 Fax : 05 65 70 77
75</H1></TD></TR></TBODY></TABLE><!-- #EndTemplate --></BODY></HTML>


il doit y avoir des erreurs mais je ne vois pas du tout lesquelles. Merci pour vos réponses. ps: j'ai supprimé un bout du script pour ce forum car sinon il était trop long et répétitif.
Voici un petit imprim écran du bon de commande si vous voulez voir à quoi il ressemble :
http://pics.imagup.com/ano1/1275258696.JPG.

Afficher la suite 

6 réponses

Messages postés
354
Date d'inscription
dimanche 30 mai 2010
Statut
Membre
Dernière intervention
6 mars 2014
67
0
Merci
si tu veux repartir sur de bonnes bases, récupères le code à cette adresse :
http://www.aspaa.fr/bon_com.htm

et surtout évite d'enlever les guillemets ! tu verr
Messages postés
39
Date d'inscription
mercredi 4 novembre 2009
Statut
Membre
Dernière intervention
16 novembre 2015
9
0
Merci
Bonjour, merci mais j'ai trouvé le problème : c'est lorsque je rajoute la ligne <form method=POST action="bdc.php"> pour relier ce script à ma base de données que les prix ne s'affichent pu, donc où devrais-je mettre cette ligne? J'ai essayer plusieurs endroits et ça me refait le même problème. Merci pour vos réponses.
Messages postés
354
Date d'inscription
dimanche 30 mai 2010
Statut
Membre
Dernière intervention
6 mars 2014
67
0
Merci
tout simplement en fermant la balise <form> en plaçant </form> au bon endroit ca fonctionne. j te laisse chercher un peu.

règle à retenir pour html : une balise ouverte doit etre fermée
utilise le logciel notepad++ pour t'aider. il y a des aides visuelles pour la programmation
Messages postés
39
Date d'inscription
mercredi 4 novembre 2009
Statut
Membre
Dernière intervention
16 novembre 2015
9
0
Merci
merci pour votre réponse, j'ai placé <form method=POST action="bdc.php"> dans le début du body et </form> avant </body> et ça ne marche toujours pas :(
Messages postés
354
Date d'inscription
dimanche 30 mai 2010
Statut
Membre
Dernière intervention
6 mars 2014
67
0
Merci
en le mettant à la fin le code donne :
<form>
<form>
</form>
<form>
</form>
</form>
ca ne peut pas fonctionner car une balise doit être fermée avant d'en ouvrir une autre identique. sinon tout est imbriqué et ne peut pas être interprété correctement


le </form> manquant doit etre lacé ici:

...
</TABLE>

</form>

<TABLE id=tableau width="100%">
<TBODY>
<TR>
<TD><!-- #BeginEditable "texte" -->
...
Messages postés
39
Date d'inscription
mercredi 4 novembre 2009
Statut
Membre
Dernière intervention
16 novembre 2015
9
0
Merci
Merci c'est bon ça marche :D merci merci merci