Résolu [Demande d'aide] Comment faire un formulaire de commande 100% Personnaliser ?

Statut
N'est pas ouverte pour d'autres réponses.

0Vergogne

Premium
Inscription
17 Décembre 2016
Messages
97
Réactions
17
Points
1 534
RGCoins
25
Bonsoir,

Comme expliquer dans le titre j'aimerai savoir comment faire un formulaire de commande 100% Personnaliser ?
Je suis actuellement sur un projet avec un ami (mais bon ça on s'en fous) et j'voudrai un truc du style :
Page 1
Un dropdown là :

Giga au début :
Giga voulu :
Page 2
Email :
Nom : / Prénom :
Serveur :
Nom de compte :
Adresse email du compte :

Paiement par :
  • Paypal
  • Stripe
bouton : Commander
Le tout en plusieurs pages (pour faire jolie si possible :p), qui redirige direct sur Paypal et à moi qu'il m'envoie le formulaire par email.
Jusqu'a là y'a pas de soucis je sais faire un formulaire. Le problème c'est pour le prix, je voudrai que le prix s'agrandisse en fonction du nombre de Gigas au début et à la fin, exemple :
Giga au début : 1
à la fin : 100

Total 30€

où alors
Giga au début : 20
à la fin : 30

Total : 10€


Conclusion, est-ce-que quelqu'un aurai sois un script/code sois un tuto/lien sois autre pour m'aider ? Merci.
 
Sur le formulaire tu utilise le tag <select> ??
Si oui tu peux le faire en Javascript ! le champs avec le prix va changer si le client change l'offre !
Merci, mais les soucis que j'my connais ni javascript ni en php et j'ai pas le temps d'apprendre surtout ^^
 
J'ai pas euh le temps mais je ferrai un truc dans ce genre, avec un petit truc en javascript sympas que j'ai piquer sur un site
HTML:
<form action="mailto:[email protected]" method="POST">
<p>Nom de compte</p>
<input type="text">
<p>Adresse e-mail</p>
<input type="text">
<p>Mot de passe</p>
<p>
<input type="password" name="Mot de passe">
</p>
<p>Giga au début</p>
<select name="menu">
<option> 1
<option> 2
<option> 3
<option> 4
<option> 5
<option> 6
</select >
<p>Giga à la fin</p>
<select name="menu">
<option> 1
<option> 2
<option> 3
<option> 4
<option> 5
<option> 6
</select >

<p>
<button class="button" onclick="myFunction()"><span>Commander </span></button>
<div id="snackbar">Votre demande est en cours de traitement...</div>
</p>
</FORM>

<script>
function myFunction() {
    var x = document.getElementById("snackbar")
    x.className = "show";

    setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
}
</script>
 
Dernière édition:
Statut
N'est pas ouverte pour d'autres réponses.
Retour
Haut