Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1865 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [JS] un formulaire de paiment

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[JS] un formulaire de paiment

n°686320
$man
Posté le 29-03-2004 à 10:31:38  profilanswer
 

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
mood
Publicité
Posté le 29-03-2004 à 10:31:38  profilanswer
 

n°686359
jagstang
Pa Capona ಠ_ಠ
Posté le 29-03-2004 à 11:23:33  profilanswer
 

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
n°686372
$man
Posté le 29-03-2004 à 11:32:51  profilanswer
 

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:

n°686386
jagstang
Pa Capona ಠ_ಠ
Posté le 29-03-2004 à 11:47:25  profilanswer
 

ben oui  [:spamafote]


Message édité par jagstang le 29-03-2004 à 11:47:43
n°686408
gooopil
pfiew
Posté le 29-03-2004 à 12:07:39  profilanswer
 

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 :)

n°686421
$man
Posté le 29-03-2004 à 12:16:32  profilanswer
 

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:


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [JS] un formulaire de paiment

 

Sujets relatifs
validation de formulaire avec JS1 formulaire avec 2 bouton submit qui vont a 1 page differente(resolu)
Exemple de code pour recuperer les donnes d un formulaireStockage de fichier via un formulaire
EasyPHP 1.7 + Acces à une BDD + échange de variable sans formulaireAdditionner des case de mon formulaire ?
[php] probleme upload fichier par formulairePetite question sur formulaire ..
Modifier le Subject dans un formulaire html ?Validation d'un formulaire par un menu déroulant .[Help]
Plus de sujets relatifs à : [JS] un formulaire de paiment


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR