Formulaire de commande dynamique jQuery-php

thumb-formjqueryVoici un petit script utilisant (of course), qui vous permet de créé un 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/

A voir aussi

  • merigeau

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

    };

  • GreG

    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éseau

Sites