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