Formulaire de commande dynamique jQuery-php

thumb-formjqueryVoici un petit script utilisant jQuery (of course), qui vous permet de créé un formulaire dynamique de commande.
Cela peut être intéressant si  vous voulez avoir un petit formulaire pour faire un devis en ligne. Vue sur l’excellent site http://css-tricks.com/, un formulaire dynamique utilisant jQuery.

form-jqueryLa vidéo explicative (en VO):

screencast-formjquery
Lien de téléchargement:http://css-tricks.com/examples/DynamicOrderForm.zip

Exemple: http://css-tricks.com/examples/DynamicOrderForm/

2 commentaires
  1. merigeau 8 années ago

    Bonjour j’ai trouvé sympa le script pour la commande dynamique toutefois j’aurais aimé faire une modif au niveau de la fonction : calcShippingTotal,
    voila ma tentative mais vu mon niveau évidemment ça ne marche pas peut on m’aider ?

    function calcShippingTotal() {

    var totalPallets = $(« #total-pallets-input »).val() || 0;
    var shipping-subtotal;

    if (totalPallets == 1) shipping-subtotal = « 9 »;
    else if (totalPallets == 2) shipping-subtotal = « 10 »;
    else if (totalPallets == 3) shipping-subtotal = « 12 »;
    else if (totalPallets == 4) shipping-subtotal = « 20 »;
    else if (totalPallets == 5) shipping-subtotal = « 22 »;
    else if (totalPallets == 6) shipping-subtotal = « 24 »;
    else if (totalPallets == 7) shipping-subtotal = « 32 »;
    else if (totalPallets == 8) shipping-subtotal = « 34 »;
    else if (totalPallets == 9) shipping-subtotal = « 36 »;
    else if (totalPallets >= 10) shipping-subtotal = « 44 »;
    else (totalPallets > 12) shipping-subtotal = « 0 »;
    document.write(« frais de port offert »);

    $(« #shipping-subtotal »).val(shippingTotal);

    };

  2. GreG 6 années ago

    Script très intéressant mais ça ne fonctionne pas correctement avec les nombres à virgules (le résultat est arrondi). Il aurait également été intéressant de pouvoir avoir un récapitulatif de la commande.

Répondre

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

CONTACT

We're not around right now. But you can send us an email and we'll get back to you, asap.

Envoi en cours...

©[current-year] WebCSSDesign

Se connecter

Oubli de mot de passe ?