[JS] un formulaire de paiment

un formulaire de paiment [JS] - HTML/CSS - Programmation

Marsh Posté le 29-03-2004 à 10:31:38    

salut à tous,
voila je dois mettre en place un paiement sécurisé, on passe par la caisse d'épargne (leur site qui m'aide pas bicoup: www.spplus.info)
en fait je voudrais plutôt que quelqu'un m'explique le fonctionnement de cette page, notamment le controle des champs, que je veux aussi reproduire et à quoi servent les champs cachés, le truc juste avant la recherche des articles, ainsi que le fontionnement du paiement en lui meme (qui utilise une appli sur le serveur de la CE a ce que j'ai compris)  
voila le code de la page exemple, désolé d'en balancé 3 tonnes, merci d'avance  :hello:
 
EDIT:comme vous l'aurez compris je connais pas le javascript
EDIT 2: c'est pas un peu limite d'utilisé du js pour faire un paiment, le php pourrais pas être leur amis  :heink:  

Code :
  1. <html><head><title>commande par formulaire</title></head>
  2. <body bgcolor="#f0f5ff" link="#0099ff" vlink="#0099ff" alink="#666666">
  3. <TABLE borderColor=#000000 cellSpacing=1 cellPadding=4 width=720 border=0>
  4. <FORM name=form  METHOD="POST">
  5. <tr><td colspan=2>Tout à 40 euros<BR>
  6. <INPUT name=xx00 type=checkbox>article 1
  7. <INPUT name=xx01 type=checkbox>article 2
  8. <INPUT name=xx02 type=checkbox>article 3
  9. <INPUT name=xx03 type=checkbox>article 4
  10. <INPUT name=xx04 type=checkbox>article 5<BR>
  11. <INPUT name=xx05 type=checkbox>article 6
  12. <INPUT name=xx06 type=checkbox>article 7
  13. <INPUT name=xx07 type=checkbox>article 8
  14. <INPUT name=xx08 type=checkbox>article 9<BR>
  15. </td></tr>
  16.   <TR>
  17.     <TD align=right width="50%" bgColor=#ffffff>Prénom/Nom
  18.     <TD width="50%" bgColor=#ffffe1><FONT color=#ff0000 size=2><INPUT name=prenom size=10><INPUT name=nom size=10></TR>
  19.   <TR>
  20.     <TD align=right width="50%" bgColor=#ffffff>Adresse
  21.     <TD width="50%" bgColor=#ffffe1><INPUT name=adresse size=20></TR>
  22.   <TR>
  23.     <TD align=right width="50%" bgColor=#ffffff>Code Postal/Ville
  24.     <TD width="50%" bgColor=#ffffe1><INPUT name=code size=5><INPUT name=ville size=15></TR>
  25.   <TR>
  26.     <TD align=right width="50%" bgColor=#ffffff>Pays/téléphone
  27.     <TD width="50%" bgColor=#ffffe1><INPUT name=pays size=10><INPUT name=tel size=10></TR>
  28.   <TR></FORM><FORM name="f">
  29.     <TD align=right width="50%" bgColor=#ffffff>Adresse e-mail
  30.     <TD width="50%" bgColor=#ffffe1><INPUT name=email size=20></TR>
  31.   <TR>
  32.     <TD align=right width="50%" bgColor=#ffffff>Total et référence de votre commande</TD>
  33.     <TD width="50%" bgColor=#ffffe1><input name=montant size=5 value="0"><input name=reference size=14></TR>
  34. </table>
  35. <p><font face="Arial" size="2" color="#666666">
  36. <b>Selectionnez des articles, remplissez le formulaire, cliquez là <A HREF=javascript:tric()>
  37. pour payer</A></b></font></p>
  38. </table>
  39. <INPUT TYPE=hidden name="moyen">
  40. <INPUT TYPE=hidden name="modalite">
  41. <INPUT TYPE=hidden name="arg1">
  42. <INPUT TYPE=hidden name="arg2">
  43. <INPUT TYPE=hidden name="arg3">
  44. </FORM>
  45. <script language="JavaScript"><!--
  46. var nb= "000102030405060708091011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859";
  47. var dat_jour;dat_jour=new Date();i=dat_jour.getDate()*2; j=2+dat_jour.getMonth()*2;k=dat_jour.getHours()*2; l=dat_jour.getMinutes()*2;
  48. document.f.reference.value=dat_jour.getFullYear()+nb.substring(j,j+2)+nb.substring(i,i+2)+nb.substring(k,k+2)+nb.substring(l,l+2);
  49. function tric() {
  50. //recherche des articles choisis
  51. var n=0;var st='/';
  52. for (var i=0; i<9; i++){
  53. if (document.form.elements[i].checked ){ n++;st+=i;st+='/';}
  54. }
  55. document.f.montant.value=n*40.00;
  56. //verifier que le formulaire est rempli
  57. if(n==0){alert("Vous n'avez rien choisi" );return;}
  58. if(!document.form.nom.value.length){alert("Renseignez le nom" );return;}
  59. if(!document.form.prenom.value.length){alert("Renseignez le prénom" );return;}
  60. if(!document.form.adresse.value.length){alert("Renseignez l'adresse" );return;}
  61. if(!document.form.code.value.length){alert("Renseignez le code postal" );return;}
  62. if(!document.form.ville.value.length){alert("Renseignez la ville" );return;}
  63. if(!document.form.pays.value.length){alert("Renseignez le pays" );return;}
  64. if(!document.form.tel.value.length){alert("Renseignez le téléphone" );return;}
  65. if(!document.f.email.value.length){alert("Renseignez email" );return;}
  66. if(!document.f.reference.value.length){alert("Indiquer la référence du courrier" );return;}
  67. //on appelle SP+
  68. window.open('','SPPLUS','width=670,height=535,status');
  69. document.f.action="http://212.234.163.64/cgi-2004/hmac_001.exe"
  70. document.f.target='SPPLUS';
  71. document.f.method='POST';
  72. document.f.moyen.value='CBS';
  73. document.f.modalite.value='1x';
  74.   //coordonnées client
  75.   document.f.arg1.value+='prenom: ';
  76.   document.f.arg1.value+=document.form.prenom.value;
  77.   document.f.arg1.value+=' nom: ';
  78.   document.f.arg1.value+=document.form.nom.value;
  79.   document.f.arg1.value+='tel: ';
  80.   document.f.arg1.value+=document.form.tel.value;
  81.   document.f.arg1.value+=' mail: ';
  82.   document.f.arg1.value+=document.f.email.value;
  83.   //adresse client
  84.   document.f.arg2.value='adresse: ';
  85.   document.f.arg2.value+=document.form.adresse.value;
  86.   document.f.arg2.value+=' code: ';
  87.   document.f.arg2.value+=document.form.code.value;
  88.   document.f.arg2.value+=' ville: ';
  89.   document.f.arg2.value+=document.form.ville.value;
  90.   document.f.arg2.value+=' pays: ';
  91.   document.f.arg2.value+=document.form.pays.value;
  92.   //commande
  93.   document.f.arg3.value=st;
  94.   document.f.submit();//paiement
  95. }
  96. //--></script></body></html>


Message édité par $man le 29-03-2004 à 10:53:06
Reply

Marsh Posté le 29-03-2004 à 10:31:38   

Reply

Marsh Posté le 29-03-2004 à 11:23:33    

t'inquiète pas, le js ne permets pas de faire du paiment. (ils appelent un .exe là)


Message édité par jagstang le 29-03-2004 à 11:24:07
Reply

Marsh Posté le 29-03-2004 à 11:32:51    

oui, j'ai bien compris mais si le client a désactivé le js ?
pas de bras, pas de chocolat-> pas de js, pas de paiment  
 :hello:

Reply

Marsh Posté le 29-03-2004 à 11:47:25    

ben oui  [:spamafote]


Message édité par jagstang le 29-03-2004 à 11:47:43
Reply

Marsh Posté le 29-03-2004 à 12:07:39    

Je vois pas ce qui t'empêche d'appeler leur appli depuis une autre page. Le JS est la pour vérifier les infos saisies, tu peux donc faire ca avec n'importe quoi.
 
J'avais commencé à faire un truc avec la CE, mais ca avait été abandonné. J'avais trouvé sur leur site plein de docs qui t'indiquait comment procéder, et ce, avec n'importe quel langage. Ca doit encore y être. Sinon, tu peux contacter un de leur conseiller clientele, ils sont assez aimabes et peuvent t'expliquer des trucs :)

Reply

Marsh Posté le 29-03-2004 à 12:16:32    

a ca de la doc ca m'intéresse mais j'ai rien vu sur le site.
sinon c'est bon je me suis fait mon propre controle, meme completement inexpérimenté, après quelque min de bidouille, j'ai réussi.  
 :hello:

Reply

Sujets relatifs:

Leave a Replay

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