compressez ou faire une boucle

compressez ou faire une boucle - HTML/CSS - Programmation

Marsh Posté le 01-03-2011 à 14:32:06    

bonjour a vous tous
 
j ai trouve ce code source sur le net  ,mais je souhaiterais le modifier et ajouter +- 150 articles
y a  t il par exemple possibilité de faire une boucle ou une autre idée  
pour éviter par exemple de répéter cela pour chaque article
 
merci de votre aide

Code :
  1. Selection = form.Article5.selectedIndex;
  2. form.NomArticle5.value=form.Article5.options[Selection].text;
  3. PrixArticle=form.Article5.options[Selection].value;
  4. form.Prix5.value=AjouteVirgule(PrixArticle);
  5. Selection = form.Quant5.selectedIndex;
  6. Stotal5 = form.Quant5.options[Selection].value * form.Prix5.value;
  7. form.Montant5.value = AjouteVirgule(Stotal5);


le code que j ai trouve

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <!-- saved from url=(0042)http://members.aol.com/Mplancq/facture.htm -->
  3. <HTML><HEAD><TITLE>Bon de commande JAVASCRIPT (Copyright Crash Computing 1998)</TITLE>
  4. <META content="text/html; charset=windows-1252" http-equiv=Content-Type>
  5. <SCRIPT language=JavaScript>
  6. function AjouteVirgule(nombre)
  7. {
  8. var AvecVirgule = "";
  9. var num = "" + Math.round(nombre*100);
  10. if (num.length == 0) {AvecVirgule += "0.00";}
  11. else if (num.length == 1) {AvecVirgule += "0.0" + num;}
  12. else if (num.length == 2 && num > 0) {AvecVirgule += "0." + num;}
  13. else if (num.length == 2 && num < 0) {AvecVirgule += "-"+Math.abs(num/100);}
  14. else
  15. {AvecVirgule += num.substring(0, num.length - 2);
  16. AvecVirgule += ".";
  17. AvecVirgule += num.substring(num.length - 2, num.length);}
  18. return AvecVirgule;
  19. }
  20. function Calcule(form)
  21. {
  22. Selection = form.Article1.selectedIndex;
  23. form.NomArticle1.value=form.Article1.options[Selection].text;
  24. PrixArticle=form.Article1.options[Selection].value;
  25. form.Prix1.value=AjouteVirgule(PrixArticle);
  26. Selection = form.Quant1.selectedIndex;
  27. Stotal1 = form.Quant1.options[Selection].value * form.Prix1.value;
  28. form.Montant1.value = AjouteVirgule(Stotal1);
  29. Selection = form.Article2.selectedIndex;
  30. form.NomArticle2.value=form.Article2.options[Selection].text;
  31. PrixArticle=form.Article2.options[Selection].value;
  32. form.Prix2.value=AjouteVirgule(PrixArticle);
  33. Selection = form.Quant2.selectedIndex;
  34. Stotal2 =form.Quant2.options[Selection].value * form.Prix2.value;
  35. form.Montant2.value = AjouteVirgule(Stotal2);
  36. Selection = form.Article3.selectedIndex;
  37. form.NomArticle3.value=form.Article3.options[Selection].text;
  38. PrixArticle=form.Article3.options[Selection].value;
  39. form.Prix3.value=AjouteVirgule(PrixArticle);
  40. Selection = form.Quant3.selectedIndex;
  41. Stotal3 = form.Quant3.options[Selection].value * form.Prix3.value;
  42. form.Montant3.value = AjouteVirgule(Stotal3);
  43. Selection = form.Article4.selectedIndex;
  44. form.NomArticle4.value=form.Article4.options[Selection].text;
  45. PrixArticle=form.Article4.options[Selection].value;
  46. form.Prix4.value=AjouteVirgule(PrixArticle);
  47. Selection = form.Quant4.selectedIndex;
  48. Stotal4 = form.Quant4.options[Selection].value * form.Prix4.value;
  49. form.Montant4.value = AjouteVirgule(Stotal4);
  50. Selection = form.Article5.selectedIndex;
  51. form.NomArticle5.value=form.Article5.options[Selection].text;
  52. PrixArticle=form.Article5.options[Selection].value;
  53. form.Prix5.value=AjouteVirgule(PrixArticle);
  54. Selection = form.Quant5.selectedIndex;
  55. Stotal5 = form.Quant5.options[Selection].value * form.Prix5.value;
  56. form.Montant5.value = AjouteVirgule(Stotal5);
  57. Selection = form.Article6.selectedIndex;
  58. form.NomArticle6.value=form.Article6.options[Selection].text;
  59. PrixArticle=form.Article6.options[Selection].value;
  60. form.Prix6.value=AjouteVirgule(PrixArticle);
  61. Selection = form.Quant6.selectedIndex;
  62. Stotal6 = form.Quant6.options[Selection].value * form.Prix6.value;
  63. form.Montant6.value = AjouteVirgule(Stotal6);
  64. form.Montant1.value = AjouteVirgule(Stotal1);
  65. form.Montant2.value = AjouteVirgule(Stotal2);
  66. form.Montant3.value = AjouteVirgule(Stotal3);
  67. form.Montant4.value = AjouteVirgule(Stotal4);
  68. form.Montant5.value = AjouteVirgule(Stotal5);
  69. form.Montant6.value = AjouteVirgule(Stotal6);
  70. Total =(Stotal1+Stotal2+Stotal3+Stotal4+Stotal5+Stotal6);
  71. MontantTVA=Total*(1-1/1.055);
  72. MontantEuro=Total/6.55957;
  73. form.MontantTotal.value = AjouteVirgule(Total);
  74. form.MontantTotalEuro.value = AjouteVirgule(MontantEuro);
  75. form.TVA.value = AjouteVirgule(MontantTVA);
  76. }
  77. function Verifie(form)
  78. {
  79. if ((form.NomArticle1.value != "" ) && (form.Quant1.value == "" ))
  80. {alert('Vous avez entre une Designation sans Quantite (ligne 1)')}
  81. else
  82. if ((form.NomArticle1.value == "" ) && (form.Quant1.value != "" ))
  83. {alert('Vous avez entre une Quantite sans Designation (ligne 1)')}
  84. else
  85. if ((form.NomArticle2.value != "" ) && (form.Quant2.value == "" ))
  86. {alert('Vous avez entre une Designation sans Quantite (ligne 2)')}
  87. else
  88. if ((form.NomArticle2.value == "" ) && (form.Quant2.value != "" ))
  89. {alert('Vous avez entre une Quantite sans Designation (ligne 2)')}
  90. else
  91. if ((form.NomArticle3.value != "" ) && (form.Quant3.value == "" ))
  92. {alert('Vous avez entre une Designation sans Quantite (ligne 3)')}
  93. else
  94. if ((form.NomArticle3.value == "" ) && (form.Quant3.value != "" ))
  95. {alert('Vous avez entre une Quantite sans Designation (ligne 3)')}
  96. else
  97. if ((form.NomArticle4.value != "" ) && (form.Quant4.value == "" ))
  98. {alert('Vous avez entre une Designation sans Quantite (ligne 4)')}
  99. else
  100. if ((form.NomArticle4.value == "" ) && (form.Quant4.value != "" ))
  101. {alert('Vous avez entre une Quantite sans Designation (ligne 4)')}
  102. else
  103. if ((form.NomArticle5.value != "" ) && (form.Quant5.value == "" ))
  104. {alert('Vous avez entre une Designation sans Quantite (ligne 5)')}
  105. else
  106. if ((form.NomArticle5.value == "" ) && (form.Quant5.value != "" ))
  107. {alert('Vous avez entre une Quantite sans Designation (ligne 5)')}
  108. else
  109. if ((form.NomArticle6.value != "" ) && (form.Quant6.value == "" ))
  110. {alert('Vous avez entre une Designation sans Quantite (ligne 6)')}
  111. else
  112. if ((form.NomArticle6.value == "" ) && (form.Quant6.value != "" ))
  113. {alert('Vous avez entre une Quantite sans Designation (ligne 6)')}
  114. else
  115. {alert('Votre Bon de Commande a ete verifie avec succes')}
  116. }
  117. </SCRIPT>
  118. <META content="Microsoft FrontPage 4.0" name=GENERATOR><BGSOUND src="">
  119. <base target="_self">
  120. </HEAD>
  121. <BODY
  122. background="Bon de commande JAVASCRIPT (Copyright Crash Computing 1998)_fichiers/index.htm"
  123. bgProperties=fixed bgcolor="#008000">
  124. <p align="center"><font color="#000000"><b><u>BON DE COMMANDE</u></b></font></p>
  125. <p align="left">&quot;Les Enfants de Madagascar&quot;<br>
  126. 2 rue Carnot (Mairie
  127. de Suresnes)<BR>92150 SURESNES<BR>Tél/fax : 01.47.28.42.77<BR><a href="mailto:madakids@free.fr">Madakids@free.fr</a><BR><BR>
  128. <CENTER>
  129. <FORM>
  130. <TABLE border=3 cellSpacing=3 CELLPADING="0" width="8" height="700">
  131.   <TBODY>
  132.   <TR bgColor=#ffffcc>
  133.     <TH align=middle colSpan=4 bgcolor="#FFFFFF" width="624" height="23">Veuillez entrer vos coordonnees </TH></TR>
  134.   <TR>
  135.     <TD bgcolor="#FFFFFF" width="272" height="24">Nom</TD>
  136.     <TD colSpan=3 bgcolor="#FFFFFF" width="344" height="24"><INPUT name=nom size=34></TD></TR>
  137.   <TR>
  138.     <TD bgcolor="#FFFFFF" width="272" height="24">Adresse</TD>
  139.     <TD colSpan=3 bgcolor="#FFFFFF" width="344" height="24"><INPUT name=adresse size=34></TD></TR>
  140.   <TR>
  141.     <TD bgcolor="#FFFFFF" width="272" height="24">Code postal + ville</TD>
  142.     <TD colSpan=3 bgcolor="#FFFFFF" width="344" height="24"><INPUT name=ville size=34></TD></TR>
  143.   <TR>
  144.     <TD bgcolor="#FFFFFF" width="272" height="24">Pays</TD>
  145.     <TD colSpan=3 bgcolor="#FFFFFF" width="344" height="24"><INPUT name=pays size=34 value=France></TD></TR>
  146.   <TR>
  147.     <TD bgcolor="#FFFFFF" width="272" height="33">Adresse E-mailou Telephone</TD>
  148.     <TD colSpan=3 bgcolor="#FFFFFF" width="344" height="33"><INPUT name=email size=33 value=@></TD></TR>
  149.   <TR bgColor=#ffffcc>
  150.     <TH align=middle colSpan=4 bgcolor="#FFFFFF" width="624" height="15"><font size="1">Choisissez un article et saisissez une Quantite</font>
  151.     </TH></TR>
  152.   <TR bgColor=#ffffcc>
  153.     <TH bgcolor="#FFFFFF" width="272" height="23">Article</TH>
  154.     <TH bgcolor="#FFFFFF" width="116" height="23">Prix</TH>
  155.     <TH bgcolor="#FFFFFF" width="57" height="23">Qte</TH>
  156.     <TH bgcolor="#FFFFFF" width="155" height="23">Montant</TH></TR><!-- ********** Debut d affichage de la premiere ligne ********* -->
  157.   <TR align=right vAlign=center>
  158.     <TD align=left bgcolor="#FFFFFF" width="272" height="46">1 <SELECT name=Article1 onchange=Calcule(this.form) size="1">
  159.         <OPTION selected value=000></OPTION> <OPTION value=150.00>CDROM</OPTION> <OPTION value=160.00>Masque
  160.         Sakalava</OPTION> <OPTION
  161.         value=80.00>Voiture</OPTION> <OPTION value=100.00>T-shirt de
  162.         l'association XL</OPTION> <OPTION value=70.00>Panneaux de Marqueterie
  163.         (x2)</OPTION>
  164.         <OPTION value=150.00>Solitaire</OPTION> <OPTION
  165.         value=150.00>Djembe</OPTION>
  166.         <option value="50.00">Cendrier</option>
  167.         <option value="75.00">Girafe en raffia (taille moyenne)</option>
  168.         <option value="150.00">Set de table</option>
  169.       </SELECT> </TD>
  170.     <TD bgcolor=#FFFFFF width="116" height="46"><font size="1">FF</font> <INPUT name=Prix1 onchange=Calcule(this.form)
  171.       size=12> </TD>
  172.     <TD width="57" height="46" bgcolor="#FFFFFF"><SELECT name=Quant1 onchange=Calcule(this.form)> <OPTION
  173.         selected></OPTION> <OPTION value=1>1</OPTION> <OPTION value=2>2</OPTION>
  174.         <OPTION value=3>3</OPTION> <OPTION value=4>4</OPTION> <OPTION
  175.         value=5>5</OPTION> <OPTION value=6>6</OPTION> <OPTION value=7>7</OPTION>
  176.         <OPTION value=8>8</OPTION> <OPTION value=9>9</OPTION> <OPTION
  177.         value=10>10</OPTION></SELECT> <INPUT name=NomArticle1 type=hidden> </TD>
  178.     <TD bgcolor=#FFFFFF width="155" height="46"><font size="1">FF</font> <INPUT name=Montant1 onchange=Calcule(this.form)
  179.       size=12> </TD></TR><!-- ********** Debut d affichage de la deuxieme ligne ********* -->
  180.   <TR align=right vAlign=center>
  181.     <TD align=left bgcolor="#FFFFFF" width="272" height="46">2 <SELECT name=Article2 onchange=Calcule(this.form) size="1">
  182.         <OPTION selected value=000></OPTION> <OPTION value=150.00>CDROM</OPTION> <OPTION value=160.00>Masque
  183.         Sakalava</OPTION> <OPTION
  184.         value=80.00>Voiture</OPTION> <OPTION value=100.00>T-shirt de
  185.         l'association XL</OPTION> <OPTION value=70.00>Panneaux de Marqueterie
  186.         (x2)</OPTION>
  187.         <OPTION value=150.00>Solitaire</OPTION> <OPTION
  188.         value=150.00>Djembe</OPTION>
  189.         <option value="50.00">Cendrier</option>
  190.         <option value="75.00">Girafe en raffia (taille moyenne)</option>
  191.         <option value="150.00">Set de table</option>
  192.       </SELECT> </TD>
  193.     <TD bgcolor=#FFFFFF width="116" height="46"><font size="1">FF</font> <INPUT name=Prix2 onchange=Calcule(this.form)
  194.       size=12> </TD>
  195.     <TD width="57" height="46" bgcolor="#FFFFFF"><SELECT name=Quant2 onchange=Calcule(this.form)> <OPTION
  196.         selected></OPTION> <OPTION value=1>1</OPTION> <OPTION value=2>2</OPTION>
  197.         <OPTION value=3>3</OPTION> <OPTION value=4>4</OPTION> <OPTION
  198.         value=5>5</OPTION> <OPTION value=6>6</OPTION> <OPTION value=7>7</OPTION>
  199.         <OPTION value=8>8</OPTION> <OPTION value=9>9</OPTION> <OPTION
  200.         value=10>10</OPTION></SELECT> <INPUT name=NomArticle2 type=hidden> </TD>
  201.     <TD bgcolor=#FFFFFF width="155" height="46"><font size="1">FF</font> <INPUT name=Montant2 onchange=Calcule(this.form)
  202.       size=12> </TD></TR><!-- ********** Debut d affichage de la troisieme ligne ********* -->
  203.   <TR align=right vAlign=center>
  204.     <TD align=left bgcolor="#FFFFFF" width="272" height="46">3 <SELECT name=Article3 onchange=Calcule(this.form) size="1">
  205.         <OPTION selected value=000></OPTION> <OPTION value=150.00>CDROM</OPTION> <OPTION value=160.00>Masque
  206.         Sakalava</OPTION> <OPTION
  207.         value=80.00>Voiture</OPTION> <OPTION value=100.00>T-shirt de
  208.         l'association XL</OPTION> <OPTION value=70.00>Panneaux de Marqueterie
  209.         (x2)</OPTION>
  210.         <OPTION value=150.00>Solitaire</OPTION> <OPTION
  211.         value=150.00>Djembe</OPTION>
  212.         <option value="50.00">Cendrier</option>
  213.         <option value="75.00">Girafe en raffia (taille moyenne)</option>
  214.         <option value="150.00">Set de table</option>
  215.       </SELECT> </TD>
  216.     <TD bgcolor=#FFFFFF width="116" height="46"><font size="1">FF</font> <INPUT name=Prix3 onchange=Calcule(this.form)
  217.       size=12> </TD>
  218.     <TD width="57" height="46" bgcolor="#FFFFFF"><SELECT name=Quant3 onchange=Calcule(this.form)> <OPTION
  219.         selected></OPTION> <OPTION value=1>1</OPTION> <OPTION value=2>2</OPTION>
  220.         <OPTION value=3>3</OPTION> <OPTION value=4>4</OPTION> <OPTION
  221.         value=5>5</OPTION> <OPTION value=6>6</OPTION> <OPTION value=7>7</OPTION>
  222.         <OPTION value=8>8</OPTION> <OPTION value=9>9</OPTION> <OPTION
  223.         value=10>10</OPTION></SELECT> <INPUT name=NomArticle3 type=hidden> </TD>
  224.     <TD bgcolor=#FFFFFF width="155" height="46"><font size="1">FF</font> <INPUT name=Montant3 onchange=Calcule(this.form)
  225.       size=12> </TD></TR><!-- ********** Debut d affichage de la quatrieme ligne ********* -->
  226.   <TR align=right vAlign=center>
  227.     <TD align=left bgcolor="#FFFFFF" width="272" height="46">4 <SELECT name=Article4 onchange=Calcule(this.form) size="1">
  228.         <OPTION selected value=000></OPTION> <OPTION value=150.00>CDROM</OPTION> <OPTION value=160.00>Masque
  229.         Sakalava</OPTION> <OPTION
  230.         value=80.00>Voiture</OPTION> <OPTION value=100.00>T-shirt de
  231.         l'association XL</OPTION> <OPTION value=70.00>Panneaux de Marqueterie
  232.         (x2)</OPTION>
  233.         <OPTION value=150.00>Solitaire</OPTION> <OPTION
  234.         value=150.00>Djembe</OPTION>
  235.         <option value="50.00">Cendrier</option>
  236.         <option value="75.00">Girafe en raffia (taille moyenne)</option>
  237.         <option value="150.00">Set de table</option>
  238.       </SELECT> </TD>
  239.     <TD bgcolor=#FFFFFF width="116" height="46"><font size="1">FF</font> <INPUT name=Prix4 onchange=Calcule(this.form)
  240.       size=12> </TD>
  241.     <TD width="57" height="46" bgcolor="#FFFFFF"><SELECT name=Quant4 onchange=Calcule(this.form)> <OPTION
  242.         selected></OPTION> <OPTION value=1>1</OPTION> <OPTION value=2>2</OPTION>
  243.         <OPTION value=3>3</OPTION> <OPTION value=4>4</OPTION> <OPTION
  244.         value=5>5</OPTION> <OPTION value=6>6</OPTION> <OPTION value=7>7</OPTION>
  245.         <OPTION value=8>8</OPTION> <OPTION value=9>9</OPTION> <OPTION
  246.         value=10>10</OPTION></SELECT> <INPUT name=NomArticle4 type=hidden></TD>
  247.     <TD bgcolor=#FFFFFF width="155" height="46"><font size="1">FF</font> <INPUT name=Montant4 onchange=Calcule(this.form)
  248.       size=12> </TD></TR><!-- ********** Debut d affichage de la cinquieme ligne ********* -->
  249.   <TR align=right vAlign=center>
  250.     <TD align=left bgcolor="#FFFFFF" width="272" height="46">5 <SELECT name=Article5 onchange=Calcule(this.form) size="1">
  251.         <OPTION selected value=000></OPTION> <OPTION value=150.00>CDROM</OPTION> <OPTION value=160.00>Masque
  252.         Sakalava</OPTION> <OPTION
  253.         value=80.00>Voiture</OPTION> <OPTION value=100.00>T-shirt de
  254.         l'association XL</OPTION> <OPTION value=70.00>Panneaux de Marqueterie
  255.         (x2)</OPTION>
  256.         <OPTION value=150.00>Solitaire</OPTION> <OPTION
  257.         value=150.00>Djembe</OPTION>
  258.         <option value="50.00">Cendrier</option>
  259.         <option value="75.00">Girafe en raffia (taille moyenne)</option>
  260.         <option value="150.00">Set de table</option>
  261.       </SELECT> </TD>
  262.     <TD bgcolor=#FFFFFF width="116" height="46"><font size="1">FF </font> <INPUT name=Prix5 onchange=Calcule(this.form)
  263.       size=12> </TD>
  264.     <TD width="57" height="46" bgcolor="#FFFFFF"><SELECT name=Quant5 onchange=Calcule(this.form)> <OPTION
  265.         selected></OPTION> <OPTION value=1>1</OPTION> <OPTION value=2>2</OPTION>
  266.         <OPTION value=3>3</OPTION> <OPTION value=4>4</OPTION> <OPTION
  267.         value=5>5</OPTION> <OPTION value=6>6</OPTION> <OPTION value=7>7</OPTION>
  268.         <OPTION value=8>8</OPTION> <OPTION value=9>9</OPTION> <OPTION
  269.         value=10>10</OPTION></SELECT> <INPUT name=NomArticle5 type=hidden></TD>
  270.     <TD bgcolor=#FFFFFF width="155" height="46"><font size="1">FF</font> <INPUT name=Montant5 onchange=Calcule(this.form)
  271.       size=12> </TD></TR><!-- ********** Debut d affichage de la sixieme ligne ********* -->
  272.   <TR align=right vAlign=center>
  273.     <TD align=left bgcolor="#FFFFFF" width="272" height="46">6 <SELECT name=Article6 onchange=Calcule(this.form) size="1">
  274.         <OPTION selected value=000></OPTION> <OPTION value=150.00>CDROM</OPTION> <OPTION value=160.00>Masque
  275.         Sakalava</OPTION> <OPTION
  276.         value=80.00>Voiture</OPTION> <OPTION value=100.00>T-shirt de
  277.         l'association XL</OPTION> <OPTION value=70.00>Panneaux de Marqueterie
  278.         (x2)</OPTION>
  279.         <OPTION value=150.00>Solitaire</OPTION> <OPTION
  280.         value=150.00>Djembe</OPTION>
  281.         <option value="50.00">Cendrier</option>
  282.         <option value="75.00">Girafe en raffia (taille moyenne)</option>
  283.         <option value="150.00">Set de table</option>
  284.       </SELECT> </TD>
  285.     <TD bgcolor=#FFFFFF width="116" height="46"><font size="1">FF</font> <INPUT name=Prix6 onchange=Calcule(this.form)
  286.       size=12> </TD>
  287.     <TD width="57" height="46" bgcolor="#FFFFFF"><SELECT name=Quant6 onchange=Calcule(this.form)> <OPTION
  288.         selected></OPTION> <OPTION value=1>1</OPTION> <OPTION value=2>2</OPTION>
  289.         <OPTION value=3>3</OPTION> <OPTION value=4>4</OPTION> <OPTION
  290.         value=5>5</OPTION> <OPTION value=6>6</OPTION> <OPTION value=7>7</OPTION>
  291.         <OPTION value=8>8</OPTION> <OPTION value=9>9</OPTION> <OPTION
  292.         value=10>10</OPTION></SELECT> <INPUT name=NomArticle6 type=hidden></TD>
  293.     <TD bgcolor=#FFFFFF width="155" height="46"><font size="1">FF</font> <INPUT name=Montant6 onchange=Calcule(this.form)
  294.       size=12> </TD></TR><!-- ******* Debut d affichage du total ****** -->
  295.   <TR bgColor=#ffffcc>
  296.     <TD align=middle colSpan=3 bgcolor="#FFFFFF" width="461" height="29">Frais de port (France Métropolitaine) :
  297.       <B>Gratuit</B> </TD>
  298.     <TD align=right bgcolor="#FFFFFF" width="155" height="29">0.00 </TD></TR>
  299.   <TR>
  300.     <TD align=middle bgcolor=#FFFFFF colSpan=3 height="1"><B><font size="2">NET A PAYER</font></B> </TD>
  301.     <TD align=right bgcolor=#FFFFFF width="155" height="1"><font size="1">FF</font> <INPUT align=right name=MontantTotal
  302.       onchange=Calcule(this.form) size=12> </TD></TR>
  303.   <TR>
  304.     <TD align=middle colSpan=4 bgcolor="#FFFFFF" width="624" height="27"><INPUT type=reset value=Reset> <INPUT onclick=Calcule(this.form) type=button value=Recalcul> <!-- <INPUT TYPE="button"  VALUE="Vérification"  ONCLICK="Verifie(this.form)">  -->
  305.     </TD></TR>
  306.   <TR>
  307.     <TD align=middle bgcolor=#FFFFFF colSpan=4 width="624" height="50"><font size="1">Pour info, TVA 5,5 % FF
  308.       </font> <INPUT
  309.       name=TVA onchange=Calcule(this.form) size=11>  <font size="1">montant en EUROS
  310.       </font><INPUT
  311.       name=MontantTotalEuro onchange=Calcule(this.form) size=12>
  312. </TD></TR></TBODY></TABLE></FORM></CENTER>
  313. <H6><font color="#FFFFFF">Cette page n'envoie aucune information électronique. Elle vous permet
  314. uniquement d'imprimer le bon de commande.</font></H6>
  315. <H5 align="center">
  316. </H5>
  317. <p align="center">&nbsp;</p></BODY></HTML>

Reply

Marsh Posté le 01-03-2011 à 14:32:06   

Reply

Marsh Posté le 02-03-2011 à 08:59:22    

D'abord nettoie le HTML de ce tableau merdique, ensuite tu pourras arriver à tes besoins très facilement


---------------
Blablaté par Harko
Reply

Marsh Posté le 02-03-2011 à 10:28:09    

merci pour la reponse
ce tableau merdique comme tu dis je l ai tout refais moi meme je ne vois pas ce qui gene il y a 6 colonnes ,,avec pour chaque cellule un fond de couleur que je dois définir par la suite ....ah oui desole j avais poster une ancienne version voici la dernière
 
 

Code :
  1. <?php
  2. /*ton script doit etre sur un hebergeur qui supporte le php 5 de préférence*/
  3. /*remplace mailbidon@free.fr entre les doubles guillemets*/
  4. $tonemail="perroquet666@hotmail.com"; /**/
  5. /*à toi de définir ta page de retour aprés envoi du mail*/
  6. $site="http://www.google.com";
  7. /*pas toucher*/
  8. $headers  = "From: <$tonemail>\n";
  9. $headers .= "Reply-To: $tonemail\n";
  10. $headers .= "MIME-version: 1.0\n";
  11. $headers .= "Content-type: text/html; charset= iso-8859-1\n";
  12. $message="";
  13. $sujet = "Commande depuis mon site http://???"; /*si tu veux mettre quelque chose*/
  14. if(isset($_POST['sub']) && $_POST['sub']==="Precommander" ) {
  15. foreach($_POST as $k => $v){ //$_POST['coucou'] devient $coucou
  16. $send[]=strip_tags($v);
  17. //echo $k.' : '.$v.'<br />';  
  18. }
  19. foreach($send as $s){
  20. $message.=$s."<br />";
  21. }
  22.     $message.="<hr>Le ".date('d-m-Y H:i:s')." par ip du client  : ".$_SERVER['REMOTE_ADDR']."<hr>";
  23.      
  24.     if(mail($tonemail,$sujet,$message,$headers)){
  25.    
  26.     echo 'votre commande à été enregistrée un mail de confirmation vous sera envoyé ... !';
  27. /******* Vérification
  28. foreach( $send as $value )
  29.   echo $value . '<br />';
  30. ********/
  31.     //$site="http://www.google.com"; /*à toi de définir ta page*/
  32.    
  33.     echo '<br />Revenir au site <a href="'.$site.'" >ici</a>';
  34.        
  35.     exit;
  36.     }else{
  37.     echo 'PROBLEME FONCTION MAIL PHP';exit;
  38.     }
  39. }else{
  40. }
  41. ?>
  42. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  43. <HTML>
  44. <head>
  45. <style type="text/css">
  46.   body {
  47.     color: purple;
  48.     background-color: #BCBCBC }
  49. #chaussures {
  50.         height: 275px;
  51.         text-align: center;
  52.         background-color: #F2C7F3;
  53.          margin-left: auto;
  54.         margin-right: auto;
  55.   }
  56. #titre {
  57.         color: #FFFFFF;
  58.         height: 25px;
  59.         text-align: center;
  60.         background-color: #D9348F;
  61.          margin-left: auto;
  62.         margin-right: auto;
  63.   }
  64. </style>
  65.     <title>Formulaire</title>
  66.    
  67.     <script type="text/javascript">
  68.     var plus_frais_de_port = false;
  69.     var iPrix = 0;
  70.     function AjouteVirgule(nombre, nb_decimal)
  71.     {
  72.       var num = Number(nombre);
  73.       var AvecVirgule = num.toFixed(nb_decimal);
  74.       return AvecVirgule;
  75.     }
  76.  
  77.    var T_article = new Array(); // table des choses
  78.    T_article[0] = new Array(  "0.00", "0.000" );
  79.    T_article[1] = new Array("150.00", "2.300" ); // MODELE_001
  80.    T_article[2] = new Array("160.00", "0.450" ); // Masque Sakalava
  81.    T_article[3] = new Array( "80.00", "1200.000" ); // Voiture
  82.    T_article[4] = new Array("100.00", "0.080" ); // T-shirt de l'association XL
  83.    T_article[5] = new Array( "70.00", "0.200" ); // Panneaux de Marqueterie(x2)
  84.    T_article[6] = new Array("150.00", "0.300" ); // Solitaire
  85.    T_article[7] = new Array("150.00", "0.510" ); // Djembe
  86.    T_article[8] = new Array( "50.00", "1.000" ); // Cendrier
  87.    T_article[9] = new Array( "75.00", "0.100" ); // Girafe en raffia (taille moyenne)
  88.    T_article[10] =new Array("150.00", "0.200" ); // Set de table
  89.  
  90.    function Calcule()
  91.    {
  92.      form=document.getElementById("F_COMMANDE" );
  93.  
  94.      // Calcul les montants
  95.      Selection = form.Article1.selectedIndex;
  96.      form.NomArticle1.value=form.Article1.options[Selection].text;
  97.      NoArticle=form.Article1.options[Selection].value;
  98.      // alert("1. NoArticle="+NoArticle);
  99.      PrixArticle=T_article[NoArticle][0];
  100.      form.Prix1.value=AjouteVirgule(PrixArticle,2);
  101.      // alert("2. PrixArticle="+PrixArticle);
  102.      Selection = form.Quant1.selectedIndex;
  103.      Stotal1 = form.Quant1.options[Selection].value * form.Prix1.value;
  104.      form.Montant1.value = AjouteVirgule(Stotal1,2);
  105.  
  106.      Selection = form.Article2.selectedIndex;
  107.      form.NomArticle2.value=form.Article2.options[Selection].text;
  108.      NoArticle=form.Article2.options[Selection].value;
  109.      PrixArticle=T_article[NoArticle][0];
  110.      form.Prix2.value=AjouteVirgule(PrixArticle,2);
  111.       Selection = form.Quant2.selectedIndex;
  112.      Stotal2 =form.Quant2.options[Selection].value * form.Prix2.value;
  113.      form.Montant2.value = AjouteVirgule(Stotal2,2);
  114.   Selection = form.Article3.selectedIndex;
  115.      form.NomArticle3.value=form.Article3.options[Selection].text;
  116.      NoArticle=form.Article3.options[Selection].value;
  117.      PrixArticle=T_article[NoArticle][0];
  118.      form.Prix3.value=AjouteVirgule(PrixArticle,2);
  119.      Selection = form.Quant3.selectedIndex;
  120.      Stotal3 = form.Quant3.options[Selection].value * form.Prix3.value;
  121.      form.Montant3.value = AjouteVirgule(Stotal3,2);
  122.      Selection = form.Article4.selectedIndex;
  123.      form.NomArticle4.value=form.Article4.options[Selection].text;
  124.      NoArticle=form.Article4.options[Selection].value;
  125.      PrixArticle=T_article[NoArticle][0];
  126.      form.Prix4.value=AjouteVirgule(PrixArticle,2);
  127.      Selection = form.Quant4.selectedIndex;
  128.      Stotal4 = form.Quant4.options[Selection].value * form.Prix4.value;
  129.      form.Montant4.value = AjouteVirgule(Stotal4,2);
  130.      Selection = form.Article5.selectedIndex;
  131.      form.NomArticle5.value=form.Article5.options[Selection].text;
  132.      NoArticle=form.Article5.options[Selection].value;
  133.      PrixArticle=T_article[NoArticle][0];
  134.      form.Prix5.value=AjouteVirgule(PrixArticle,2);
  135.      Selection = form.Quant5.selectedIndex;
  136.      Stotal5 = form.Quant5.options[Selection].value * form.Prix5.value;
  137.      form.Montant5.value = AjouteVirgule(Stotal5,2);
  138.      Selection = form.Article6.selectedIndex;
  139.      form.NomArticle6.value=form.Article6.options[Selection].text;
  140.      NoArticle=form.Article6.options[Selection].value;
  141.      PrixArticle=T_article[NoArticle][0];
  142.      form.Prix6.value=AjouteVirgule(PrixArticle,2);
  143.      Selection = form.Quant6.selectedIndex;
  144.      Stotal6 = form.Quant6.options[Selection].value * form.Prix6.value;
  145.      form.Montant6.value = AjouteVirgule(Stotal6,2);
  146.      Selection = form.Article7.selectedIndex;
  147.      form.NomArticle7.value=form.Article7.options[Selection].text;
  148.      NoArticle=form.Article7.options[Selection].value;
  149.      PrixArticle=T_article[NoArticle][0];
  150.      form.Prix7.value=AjouteVirgule(PrixArticle,2);
  151.      Selection = form.Quant7.selectedIndex;
  152.      Stotal7 = form.Quant7.options[Selection].value * form.Prix7.value;
  153.      form.Montant7.value = AjouteVirgule(Stotal7,2);
  154.      Total =(Stotal1+Stotal2+Stotal3+Stotal4+Stotal5+Stotal6+Stotal7);
  155.      if(plus_frais_de_port == true) Total = Total + iPrix;
  156.      form.MontantTotal.value = AjouteVirgule(Total,2);
  157.  
  158.      // Calcul les poids
  159.      Selection = form.Article1.selectedIndex;
  160.      NoArticle=form.Article1.options[Selection].value;
  161.      Selection = form.Quant1.selectedIndex;
  162.      Stotal1 = form.Quant1.options[Selection].value * T_article[NoArticle][1];
  163.      form.Poids1.value = AjouteVirgule(Stotal1,3);
  164.  
  165.      Selection = form.Article2.selectedIndex;
  166.      NoArticle=form.Article2.options[Selection].value;
  167.      Selection = form.Quant2.selectedIndex;
  168.      Stotal2 = form.Quant2.options[Selection].value * T_article[NoArticle][1];
  169.      form.Poids2.value = AjouteVirgule(Stotal2,3);
  170.  
  171.      Selection = form.Article3.selectedIndex;
  172.      NoArticle=form.Article3.options[Selection].value;
  173.      Selection = form.Quant3.selectedIndex;
  174.      Stotal3 = form.Quant3.options[Selection].value * T_article[NoArticle][1];
  175.      form.Poids3.value = AjouteVirgule(Stotal3,3);
  176.      Selection = form.Article4.selectedIndex;
  177.      NoArticle=form.Article4.options[Selection].value;
  178.      Selection = form.Quant4.selectedIndex;
  179.      Stotal4 = form.Quant4.options[Selection].value * T_article[NoArticle][1];
  180.      form.Poids4.value = AjouteVirgule(Stotal4,3);
  181.      Selection = form.Article5.selectedIndex;
  182.      NoArticle=form.Article5.options[Selection].value;
  183.      Selection = form.Quant5.selectedIndex;
  184.      Stotal5 = form.Quant5.options[Selection].value * T_article[NoArticle][1];
  185.      form.Poids5.value = AjouteVirgule(Stotal5,3);
  186.      Selection = form.Article6.selectedIndex;
  187.      NoArticle=form.Article6.options[Selection].value;
  188.      Selection = form.Quant6.selectedIndex;
  189.      Stotal6 = form.Quant6.options[Selection].value * T_article[NoArticle][1];
  190.      form.Poids6.value = AjouteVirgule(Stotal6,3);
  191.      Selection = form.Article7.selectedIndex;
  192.      NoArticle=form.Article7.options[Selection].value;
  193.      Selection = form.Quant7.selectedIndex;
  194.      Stotal7 = form.Quant7.options[Selection].value * T_article[NoArticle][1];
  195.      form.Poids7.value = AjouteVirgule(Stotal7,3);
  196. Total =(Stotal1+Stotal2+Stotal3+Stotal4+Stotal5+Stotal6+Stotal7);
  197.      form.PoidsTotal.value = AjouteVirgule(Total,3);
  198.    }
  199.  
  200.      function majPrixPort(oForm)
  201. {
  202.      Calcule();
  203.   var iPoids = parseFloat(oForm.PoidsTotal.value);
  204.      
  205.     if(oForm.envoi[0].checked) // si "la poste" est cochée
  206.     {
  207.       iPrix = 6;
  208.       if (iPoids > 2) iPrix = 10;
  209.     }else if(oForm.envoi[1].checked)
  210.     { // si "kiala" est coché
  211.         iPrix = 4; // frais de port = 4€
  212.       var nombre_total_article = parseInt(oForm.Quant1.options[oForm.Quant1.selectedIndex].value) + parseInt(oForm.Quant2.options[oForm.Quant2.selectedIndex].value) + parseInt(oForm.Quant3.options[oForm.Quant3.selectedIndex].value) + parseInt(oForm.Quant4.options[oForm.Quant4.selectedIndex].value) + parseInt(oForm.Quant5.options[oForm.Quant5.selectedIndex].value) + parseInt(oForm.Quant6.options[oForm.Quant6.selectedIndex].value) + parseInt(oForm.Quant7.options[oForm.Quant7.selectedIndex].value);
  213.       if(nombre_total_article > 2) iPrix = 0; //sauf si il y a plus de 2 articles, alors c'est gratuit
  214.     }else
  215.     {
  216.           iPrix = 0;
  217.     }
  218.    
  219.     AjouteVirgule(iPrix,3);
  220.     oForm.prix_port.value = iPrix;
  221.     plus_frais_de_port = true;
  222.     Calcule();
  223. }
  224.     function Verifie(aBC)
  225.    {
  226.    if(aBC.nom.value == "" ){
  227.         alert('Vous n\'avez pas renseign\351 votre nom.');
  228.         return false;
  229.    }else if(aBC.prenom.value == "" ){
  230.         alert('Vous n\'avez pas renseign\351 votre prenom.');
  231.         return false;
  232.    }else if(aBC.adresse.value == "" ){
  233.         alert('Vous n\'avez pas renseign\351 votre adresse.');
  234.         return false;
  235.    }else if(aBC.code_postal.value == "" ){
  236.         alert('Vous n\'avez pas renseign\351 votre code postal.');
  237.         return false;
  238.    }else if(aBC.ville.value == "" ){
  239.         alert('Vous n\'avez pas renseign\351 votre ville .');
  240.         return false;
  241.    }else if(aBC.telephone.value == "" ){
  242.         alert('Vous n\'avez pas renseign\351 votre numero de telephone .');
  243.         return false;
  244.    }else if(aBC.pays.value == "" ){
  245.         alert('Vous n\'avez pas renseign\351 votre pays.');
  246.         return false;
  247.    }else if(aBC.email.value == "" ){
  248.         alert('Vous n\'avez pas renseign\351 votre email.'); return false;
  249.    }else{
  250.      var regMail = new RegExp('^[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*@[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*[\.]{1}[a-z]{2,6}$', 'i');
  251.      // var regCP = /^[0-9]{4}$/; //Vérif code postal benelux
  252.      if(regMail.test(aBC.email.value))
  253.  {
  254.  return true;
  255.  }else
  256.  {
  257.         alert('Vous devez renseign\351 une adresse e-mail corecte.');
  258.  return false;
  259.  }
  260.      /*if(regCP.test(aBC.email.value)) ///////////Verif Code Postal Benelux
  261.     {
  262.         return true;
  263.     }else
  264.     {
  265.         alert('Vous devez renseign\351 un Code postal correct !');
  266.         document.ex.cp.focus();
  267.         return false;
  268.     }*/
  269.    }
  270.      }
  271.    </SCRIPT>
  272.    <META content="text/html; charset=windows-1252" http-equiv="Content-Type">
  273. </head>
  274.    <BODY background="Bon de commande JAVASCRIPT (Copyright Crash Computing 2011)_fichiers/index.htm" bgcolor="#008000">
  275. <img src="http://essai2.net63.net/logo.jpg">
  276. <TABLE border=2 bgcolor="#299ADF" WIDTH=981 >
  277.    <tr>
  278.  <td  ALIGN="center"><a href="http://talonaiguille.canalblog.com/archives/2011/02/03/20290497.html"><font size="4" font color="#000000"><b>  Accueil  </b></font></a></center></td>
  279.     <td  ALIGN="center"><a href="http://talonaiguille.canalblog.com/archives/2011/02/03/20290497.html"><font size="4" font color="#000000"><b>  Mode de paiement </b></font></a></center></td>
  280.  <td  ALIGN="center"> <a href="http://talonaiguille.canalblog.com/archives/2011/02/03/20290497.html"><font size="4" font color="#000000"><b>  Questions</b></font></a></center></td>
  281.  <td  ALIGN="center"><a href="http://talonaiguille.canalblog.com/archives/2011/02/03/20290497.html"><font size="4" font color="#000000"><b> Pour commander</b></font></a></center></td>
  282.         <td  ALIGN="center"><a href="http://talonaiguille.canalblog.com/archives/2011/02/03/20290497.html"><font size="4" font color="#000000"><b> Espace infos</b></font></a></center></td>
  283.  <td  ALIGN="center"><a href="http://talonaiguille.canalblog.com/archives/2011/02/03/20290497.html"><font size="4" font color="#000000"><b> Nos chaussures</b></font></a></center></td>
  284.  <td WIDTH=140></td>
  285.     </tr>
  286. </table>
  287.  
  288.     <CENTER>
  289.    
  290.     <table width="980" height="150" cellspacing="1" border="1">
  291.     <tbody>
  292.     <tr>
  293.  <td width="200" VALIGN="top" rowspan="30">
  294.      
  295.     <div id="chaussures"> <div id="titre"><h3><center>Nos chaussures</center></h3></div>
  296.      <h5><a href="http://talonaiguille.canalblog.com/archives/2011/02/05/20313218.html">TALON AIGUILLE POINTURE 35</a>
  297.  <br>
  298.  <br>
  299.  <a href="http://shoepointure36.canalblog.com/">TALON AIGUILLE POINTURE 36</a>
  300.  <br>
  301.  <br>
  302.  <a href="http://pointure37.canalblog.com/">TALON AIGUILLE POINTURE 37</a>
  303.  <br>
  304.  <br>
  305.  <a href="http://pointure38.canalblog.com/">TALON AIGUILLE POINTURE 38</a>
  306.  <br>
  307.  <br>
  308.  <a href="http://pointure39.canalblog.com/">TALON AIGUILLE POINTURE 39</a>
  309.  <br>
  310.  <br>
  311.  <a href="http://pointure40.canalblog.com/">TALON AIGUILLE POINTURE 40</a>
  312.  <br>
  313.  <br>
  314.  <a href="http://pointure41.canalblog.com/">TALON AIGUILLE POINTURE 41</a>
  315.  <br>
  316.  </h5>
  317.  </div>
  318.  <br>
  319.  <div id="titre"> <h4><center>Inscription a la newsletter </center></h4></div>
  320.  <center><img width="145" height="145" src="http://essai2.net63.net/newletter.jpg"></center>
  321.  <center><form target="_blank" method="post" action="http://www.canalblog.com/cf/blogsubscribe.cfm?bid=476894" id="newsletter" name="newsletter">
  322.  <input type="text" onfocus="this.select();" value="email" id="email" name="email"><img align="absmiddle" id="email_ife_marker_0" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue">
  323.  <input type="submit" value="M'abonner" name="submit">
  324. </form></center>
  325.  <div id="titre"> <h4><center>Nos promotions </center></h4> </div>
  326.  <center><img width="145" height="145" src="http://essai2.net63.net/choix.jpg"></center>
  327.  <center><p style="border: 2px solid black; background-color: rgb(0, 0, 0); background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 50%; -moz-background-size: auto auto; overflow: scroll; width: 150px; color: rgb(196, 196, 196); height: 130px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
  328.  <img src="http://storage.canalblog.com/18/24/476894/28108087_q.jpg"><br>
  329.  <img src="http://storage.canalblog.com/16/11/476894/29892361_q.jpg"><br>
  330.  <img src="http://storage.canalblog.com/00/66/476894/29892335_q.jpg"><br>
  331.  </p></center>
  332.  </td>
  333.  
  334.    <form id="F_COMMANDE" action="http://essai2.net63.net/poi.php" onSubmit="return Verifie(this)" method="post">
  335.  
  336.  <th width="580" height="23" bgcolor=" #f7dfff"align="center" colspan="4"><font color="noir"> BON DE COMMANDE </font></th>
  337.         <td width="200" VALIGN="top" rowspan="30">
  338.      
  339.    
  340.  </td>
  341.     </tr>
  342.     <tr>
  343.         <th width="580" height="23" bgcolor="#ffffff" align="center" colspan="4"><font color="noir">Veuillez entrer vos coordonnees </font></th>
  344.     </tr>
  345. <tr>
  346.         <td width="230" height="24" bgcolor="#ffffff"><font color="noir">Nom</font></td>
  347.         <td width="350" height="24" bgcolor="#ffffff" colspan="3"><input size="40" name="nom"><img align="absmiddle" id="nom_ife_marker_0" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"></td>
  348.     </tr>
  349. <tr>
  350.         <td width="250" height="24" bgcolor="#ffffff"><font color="noir">Prenom</font></td>
  351.         <td width="330" height="24" bgcolor="#ffffff" colspan="3"><input size="34" name="prenom"><img align="absmiddle" id="prenom_ife_marker_1" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"></td>
  352.     </tr>
  353.     <tr>
  354.         <td width="250" height="33" bgcolor="#ffffff"><font color="noir">Adresse E-mail</font></td>
  355.         <td width="330" height="33" bgcolor="#ffffff" colspan="3"><input value="@" size="33" name="email"><img align="absmiddle" id="email_ife_marker_2" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"></td>
  356.     </tr>
  357.     <tr>
  358.         <td width="250" height="24" bgcolor="#ffffff"><font color="noir">Adresse</font></td>
  359.         <td width="330" height="24" bgcolor="#ffffff" colspan="3"><input size="34" name="adresse"><img align="absmiddle" id="adresse_ife_marker_3" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"></td>
  360.     </tr>
  361.     <tr>
  362.         <td width="250" height="24" bgcolor="#ffffff"><font color="noir">Code postal</font> </td>
  363.         <td width="330" height="24" bgcolor="#ffffff" colspan="3"><input size="34" name="code_postal"><img align="absmiddle" id="code_postal_ife_marker_4" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"></td>
  364.     </tr>
  365.     <tr>
  366.         <td width="250" height="24" bgcolor="#ffffff"><font color="noir">Numero de téléphone </font></td>
  367.         <td width="330" height="24" bgcolor="#ffffff" colspan="3"><input size="34" name="telephone"><img align="absmiddle" id="telephone_ife_marker_5" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"></td>
  368.     </tr>
  369.     <tr>
  370.         <td width="250" height="24" bgcolor="#ffffff"><font color="noir">Ville</font></td>
  371.         <td width="330" height="24" bgcolor="#ffffff" colspan="3"><input size="34" name="ville"><img align="absmiddle" id="ville_ife_marker_6" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"></td>
  372.     </tr>
  373.     <tr>
  374.         <td width="250" height="24" bgcolor="#ffffff"><font color="noir">Pays</font></td>
  375.         <td width="330" height="24" bgcolor="#ffffff" colspan="3"><input value="Belgique" size="34" name="pays"><img align="absmiddle" id="pays_ife_marker_7" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"></td>
  376.     </tr>
  377.     <tr>
  378.         <td width="250" height="24" bgcolor="#ffffff"><font color="noir">Votre point kiala (si par poste ne pas remplir)</font> <br><a target="_blank" href="http://www.kiala.be/fr/locateandselect">Pour le trouver cliquer ici </a> </td>
  379.         <td width="330" height="24" bgcolor="#ffffff" colspan="3"><input size="34" name="ppoint_kiala"><img align="absmiddle" id="ppoint_kiala_ife_marker_8" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"></td>
  380.     </tr>
  381.     <tr>
  382.         <th width="580" height="15" bgcolor=" #f7dfff" align="center" colspan="4"><font size="4"><font color="noir">Choisissez un article et saisissez une Quantite</font></th>
  383.     </tr>
  384.     <tr bgcolor="#ffffcc">
  385.         <th width="230" height="23" bgcolor="#ffffff"><font color="noir">Article</font></th>
  386.         <th width="110" height="23" bgcolor="#ffffff"><font color="noir">Prix</font></th>
  387.         <th width="25" height="23" bgcolor="#ffffff"><font color="noir">Qte</font></th>
  388.         <th width="00" height="23" bgcolor="#ffffff"><font color="noir">Montant</font></th>
  389.     </tr>
  390.     <tr>
  391.     <td width="230" height="46" bgcolor="#ffffff" align="left">1<select size="1" onchange="majPrixPort(this.form);" name="Article1">
  392.         <option value="0" selected=""></option>
  393.         <option value="1">MODELE_001</option>
  394.         <option value="2">Masque Sakalava</option>
  395.         <option value="3">Voiture</option>
  396.         <option value="4">T-shirt de l'association XL</option>
  397.         <option value="5">Panneaux de Marqueterie(x2)</option>
  398.         <option value="6">Solitaire</option>
  399.         <option value="7">Djembe</option>
  400.         <option value="8">Cendrier</option>
  401.         <option value="9">Girafe en raffia (taille moyenne)</option>
  402.         <option value="10">Set de table</option>
  403.         </select></td>
  404.         <td width="110" height="46" bgcolor="#ffffff" align="center"><font size="3">€</font> <input size="7" onchange="majPrixPort(this.form);" name="Prix1"><img align="absmiddle" id="Prix1_ife_marker_9" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"> </td>
  405.         <td width="25" height="46" bgcolor="#ffffff"><select onchange="majPrixPort(this.form);" name="Quant1"><option selected="" value="0"></option>
  406.         <option value="1">1</option>
  407.         <option value="2">2</option>
  408.         <option value="3">3</option>
  409.         <option value="4">4</option>
  410.         <option value="5">5</option>
  411.         <option value="6">6</option>
  412.         <option value="7">7</option>
  413.         <option value="8">8</option>
  414.         <option value="9">9</option>
  415.         <option value="10">10</option>
  416.         </select>
  417.         <input type="hidden" value="MODELE_001" name="NomArticle1">
  418.  </td>
  419.         <td height="46" bgcolor="#ffffff" align="center"><font size="3">€</font> <input size="7" onchange="majPrixPort(this.form);" name="Montant1"><img align="absmiddle" id="Montant1_ife_marker_10" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"> </td>
  420. </tr>
  421.     <tr>
  422.  <td width="250" height="46" bgcolor="#ffffff" align="left">2<select size="1" onchange="majPrixPort(this.form);" name="Article2">
  423.           <option value="0" selected=""></option>
  424.           <option value="1">MODELE_001</option>
  425.           <option value="2">Masque Sakalava</option>
  426.           <option value="3">Voiture</option>
  427.           <option value="4">T-shirt de l'association XL</option>
  428.           <option value="5">Panneaux de Marqueterie (x2)</option>
  429.           <option value="6">Solitaire</option>
  430.           <option value="7">Djembe</option>
  431.           <option value="8">Cendrier</option>
  432.           <option value="9">Girafe en raffia (taille moyenne)</option>
  433.           <option value="10">Set de table</option>
  434.         </select> </td>
  435.  <td width="110" height="46" bgcolor="#ffffff" align="center"><font size="3">€</font><input size="7" onchange="majPrixPort(this.form);" name="Prix2"><img align="absmiddle" id="Prix2_ife_marker_11" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"> </td>
  436.  <td width="25" height="46" bgcolor="#ffffff"><select onchange="majPrixPort(this.form);" name="Quant2">
  437.           <option selected="" value="0"></option>
  438.           <option value="1">1</option>
  439.           <option value="2">2</option>
  440.           <option value="3">3</option>
  441.          <option value="4">4</option>
  442.           <option value="5">5</option>
  443.           <option value="6">6</option>
  444.          <option value="7">7</option>
  445.           <option value="8">8</option>
  446.           <option value="9">9</option>
  447.           <option value="10">10</option>
  448.         </select>
  449.  <input type="hidden" value="MODELE_001" name="NomArticle2">
  450.  </td>
  451.  <td height="46" bgcolor="#ffffff" align="center"><font size="3">€</font> <input size="7" onchange="majPrixPort(this.form);" name="Montant2"><img align="absmiddle" id="Montant2_ife_marker_12" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"> </td>
  452. </tr>
  453. <tr>
  454.  <td width="250" height="46" bgcolor="#ffffff" align="left">3<select size="1" onchange="majPrixPort(this.form);" name="Article3">
  455.        <option value="0" selected=""></option>
  456.        <option value="1">MODELE_001</option>
  457.        <option value="2">Masque Sakalava</option>
  458.        <option value="3">Voiture</option>
  459.        <option value="4">T-shirt de l'association XL</option>
  460.        <option value="5">Panneaux de Marqueterie(x2)</option>
  461.  <option value="6">Solitaire</option>
  462.        <option value="7">Djembe</option>
  463.        <option value="8">Cendrier</option>
  464.        <option value="9">Girafe en raffia (taille moyenne)</option>
  465.        <option value="10">Set de table</option>
  466.  </select>
  467.  </td>
  468.  <td width="110" height="46" bgcolor="#ffffff" align="center"><font size="">€</font> <input size="7" onchange="majPrixPort(this.form);" name="Prix3"><img align="absmiddle" id="Prix3_ife_marker_13" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"> </td>
  469.  <td width="25" height="46" bgcolor="#ffffff"><select onchange="majPrixPort(this.form);" name="Quant3">
  470.  <option selected="" value="0"></option>
  471.  <option value="1">1</option>
  472.  <option value="2">2</option>
  473.  <option value="3">3</option>
  474.  <option value="4">4</option>
  475.  <option value="5">5</option>
  476.  <option value="6">6</option>
  477.  <option value="7">7</option>
  478.  <option value="8">8</option>
  479.  <option value="9">9</option>
  480.  <option value="10">10</option>
  481.  </select>
  482.  <input type="hidden" value="" name="NomArticle3">
  483.  </td>
  484.  <td height="46" bgcolor="#ffffff" align="center"><font size="3">€</font> <input size="7" onchange="majPrixPort(this.form);" name="Montant3"><img align="absmiddle" id="Montant3_ife_marker_14" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"></td>
  485. </tr>
  486. <tr>
  487.  <td width="250" height="46" bgcolor="#ffffff" align="left">4<select size="1" onchange="majPrixPort(this.form);" name="Article4">
  488.  <option value="0" selected=""></option>
  489.  <option value="1">MODELE_001</option>
  490.  <option value="2">Masque Sakalava</option>
  491.  <option value="3">Voiture</option>
  492.  <option value="4">T-shirt de l'association XL</option>
  493.  <option value="5">Panneaux de Marqueterie(x2)</option>
  494.  <option value="6">Solitaire</option>
  495.  <option value="7">Djembe</option>
  496.  <option value="8">Cendrier</option>
  497.  <option value="9">Girafe en raffia (taille moyenne)</option>
  498.  <option value="10">Set de table</option>
  499.  </select>
  500.  </td>
  501.  <td width="110" height="46" bgcolor="#ffffff" align="center"><font size="3">€</font> <input size="7" onchange="majPrixPort(this.form);" name="Prix4"><img align="absmiddle" id="Prix4_ife_marker_15" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"></td>
  502.  <td width="25" height="46" bgcolor="#ffffff">
  503.  <select onchange="majPrixPort(this.form);" name="Quant4">
  504.  <option selected="" value="0"></option>
  505.  <option value="1">1</option>
  506.  <option value="2">2</option>
  507.  <option value="3">3</option>
  508.  <option value="4">4</option>
  509.  <option value="5">5</option>
  510.  <option value="6">6</option>
  511.  <option value="7">7</option>
  512.  <option value="8">8</option>
  513.  <option value="9">9</option>
  514.  <option value="10">10</option>
  515.  </select>
  516.  <input type="hidden" value="" name="NomArticle4">
  517.  </td>
  518.  <td height="46" bgcolor="#ffffff" align="center"><font size="3">€</font> <input size="7" onchange="majPrixPort(this.form);" name="Montant4"><img align="absmiddle" id="Montant4_ife_marker_16" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"> </td>
  519. </tr>
  520. <tr>
  521.  <td width="250" height="46" bgcolor="#ffffff" align="left">5<select size="1" onchange="majPrixPort(this.form);" name="Article5">
  522.  <option value="0" selected=""></option>
  523.  <option value="1">MODELE_001</option>
  524.  <option value="2">Masque Sakalava</option>
  525.  <option value="3">Voiture</option>
  526.  <option value="4">T-shirt de l'association XL</option>
  527.  <option value="5">Panneaux de Marqueterie(x2)</option>
  528.  <option value="6">Solitaire</option>
  529.  <option value="7">Djembe</option>
  530.  <option value="8">Cendrier</option>
  531.  <option value="9">Girafe en raffia (taille moyenne)</option>
  532.  <option value="10">Set de table</option>
  533.  </select>
  534.  </td>
  535.  <td width="110" height="46" bgcolor="#ffffff" align="center"><font size="3">€</font><input size="7" onchange="majPrixPort(this.form);" name="Prix5"><img align="absmiddle" id="Prix5_ife_marker_17" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"> </td>
  536.  <td width="25" height="46" bgcolor="#ffffff"><select onchange="majPrixPort(this.form);" name="Quant5">
  537.  <option selected="" value="0"></option>
  538.  <option value="1">1</option>
  539.  <option value="2">2</option>
  540.  <option value="3">3</option>
  541.  <option value="4">4</option>
  542.  <option value="5">5</option>
  543.  <option value="6">6</option>
  544.  <option value="7">7</option>
  545.  <option value="8">8</option>
  546.  <option value="9">9</option>
  547.  <option value="10">10</option>
  548.  </select>
  549.  <input type="hidden" value="" name="NomArticle5">
  550.  </td>
  551.  <td height="46" bgcolor="#ffffff" align="center"><font size="3">€</font> <input size="7" onchange="majPrixPort(this.form);" name="Montant5"><img align="absmiddle" id="Montant5_ife_marker_18" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"> </td></tr>
  552. <tr>
  553.  <td width="250" height="46" bgcolor="#ffffff" align="left">6<select size="1" onchange="majPrixPort(this.form);" name="Article6">
  554.  <option value="0" selected=""></option>
  555.  <option value="1">MODELE_001</option>
  556.  <option value="2">Masque Sakalava</option>
  557.  <option value="3">Voiture</option>
  558.  <option value="4">T-shirt de l'association XL</option>
  559.  <option value="5">Panneaux de Marqueterie(x2)</option>
  560.  <option value="6">Solitaire</option>
  561.  <option value="7">Djembe</option>
  562.  <option value="8">Cendrier</option>
  563.  <option value="9">Girafe en raffia (taille moyenne)</option>
  564.  <option value="10">Set de table</option>
  565.  </select>
  566.  </td>
  567.  <td width="110" height="46" bgcolor="#ffffff" align="center"><font size="3">€</font><input size="7" onchange="majPrixPort(this.form);" name="Prix6"><img align="absmiddle" id="Prix6_ife_marker_19" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"> </td>
  568.  <td width="25" height="46" bgcolor="#ffffff">
  569.  <select onchange="majPrixPort(this.form);" name="Quant6">
  570.  <option selected="" value="0"></option>
  571.  <option value="1">1</option>
  572.  <option value="2">2</option>
  573.  <option value="3">3</option>
  574.  <option value="4">4</option>
  575.  <option value="5">5</option>
  576.  <option value="6">6</option>
  577.  <option value="7">7</option>
  578.  <option value="8">8</option>
  579.  <option value="9">9</option>
  580.  <option value="10">10</option>
  581.  </select><input type="hidden" value="" name="NomArticle6">
  582.  </td>
  583.  <td height="46" bgcolor="#ffffff" align="center"><font size="3">€</font> <input size="7" onchange="majPrixPort(this.form);" name="Montant6"><img align="absmiddle" id="Montant6_ife_marker_20" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"> </td>
  584. </tr>
  585. <tr>
  586.  <td width="250" height="46" bgcolor="#ffffff" align="left">7<select size="1" onchange="majPrixPort(this.form);" name="Article7">
  587.  <option value="0" selected=""></option>
  588.  <option value="1">MODELE_001</option>
  589.  <option value="2">Masque Sakalava</option>
  590.  <option value="3">Voiture</option>
  591.  <option value="4">T-shirt de l'association XL</option>
  592.  <option value="5">Panneaux de Marqueterie(x2)</option>
  593.  <option value="6">Solitaire</option>
  594.  <option value="7">Djembe</option>
  595.  <option value="8">Cendrier</option>
  596.  <option value="9">Girafe en raffia (taille moyenne)</option>
  597.  <option value="10">Set de table</option>
  598.  </select>
  599.  </td>
  600.  <td width="110" height="46" bgcolor="#ffffff" align="center"><font size="3">€</font><input size="7" onchange="majPrixPort(this.form);" name="Prix7"><img align="absmiddle" id="Prix7_ife_marker_21" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"> </td>
  601.  <td width="25" height="46" bgcolor="#ffffff"><select onchange="javascript:majPrixPort( this.form);" name="Quant7">
  602.  <option selected="" value="0"></option>
  603.  <option value="1">1</option>
  604.  <option value="2">2</option>
  605.  <option value="3">3</option>
  606.  <option value="4">4</option>
  607.  <option value="5">5</option>
  608.  <option value="6">6</option>
  609.  <option value="7">7</option>
  610.  <option value="8">8</option>
  611.  <option value="9">9</option>
  612.  <option value="10">10</option>
  613.  </select>
  614.  <input type="hidden" value="" name="NomArticle7">
  615.  </td>
  616.  <td height="46" bgcolor="#ffffff" align="center"><font size="3">€</font> <input size="7" onchange="majPrixPort(this.form);" name="Montant7"><img align="absmiddle" id="Montant7_ife_marker_22" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"> </td>
  617. </tr>
  618. <tr bgcolor="#ffffcc"><td width="461" height="29" bgcolor=" #f7dfff" align="center" colspan="3"><font color="noir">Frais de port avec kiala :<b>Gratuit</b><font color="red"><b>     si plus de deux paires </b></font></font></td>
  619.  <td height="29" bgcolor="#ffffff" align="right">0.00 </td>
  620.     </tr>
  621. <tr bgcolor="#ffffcc">
  622.  <td width="461" height="49" bgcolor="#ffffff" align="center" colspan="3"><font color="noir">Choississez votre mode de livraison :</font><br><br><label for="by_poste"><input type="radio" onclick="majPrixPort(this.form);" value="1" name="envoi" id="by_poste"><font color="noir">par la poste 6 euros<font color="red">(si le poids depasse 2 kilos alors 10 euros)</font></font></label><br><label for="by_kiala"><input type="radio" onclick="majPrixPort(this.form);" value="0" name="envoi" id="by_kiala" checked="checked"><font color="noir">par kiala 4 euros <font color="red">(si achat moins de 2 paires)</font ></font></label> <br></td>
  623.  <td height="29" bgcolor="#ffffff" align="right"><input type="text" value="" size="7" name="prix_port"><img align="absmiddle" id="prix_port_ife_marker_23" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"></td>
  624.     </tr>
  625. <tr>
  626.  <td height="1" bgcolor="#EDFF4F" align="center" colspan="3"><b><font size="2"><font color="noir">NET A PAYER</font></font></b> </td>
  627.  <td height="1" bgcolor="#ffffff" align="right"><font size="3">€</font> <input align="right" size="8" onchange="majPrixPort(this.form);" name="MontantTotal"><img align="absmiddle" id="MontantTotal_ife_marker_24" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"></td>
  628.     </tr>
  629. <tr>
  630.  <td width="580" height="27" bgcolor="#ffffff" align="center" colspan="4"><input type="reset" value="Reset"> <br><input type="button" value="Recalcul" onclick="majPrixPort(this.form);"> <!-- <INPUT TYPE="button" VALUE="Vérification"  ONCLICK="Verifie(this.form)">  --> </td>
  631. </tr>
  632. <TR>
  633. <TD colspan="4"bgcolor=" #f7dfff"><center><font color="noir">Une question ou un commentaire</font></center></TD>
  634. </tr>
  635. <TR>
  636. <TD colspan="4" bgcolor="#ffffff">
  637. <center><TEXTAREA rows="5" cols="60"name="commentaires">Poster votre question ou votre question ici</TEXTAREA></center>
  638. </TD>
  639. </TR>
  640. </tbody>
  641.     <input type="hidden" name="Poids1">
  642.  <input type="hidden" name="Poids2">
  643.  <input type="hidden" name="Poids3">
  644.  <input type="hidden" name="Poids4">
  645.  <input type="hidden" name="Poids5">
  646.  <input type="hidden" name="Poids6">
  647.  <input type="hidden" name="Poids7">
  648.         <input type="hidden" name="PoidsTotal">
  649.     </table>
  650.  <input type="submit" value="Precommande" name="sub">
  651.     </form>
  652.    </CENTER>
  653.    </BODY>
  654.    </HTML>


Message édité par sonaca le 02-03-2011 à 12:45:22
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed