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/

BlogBang

A voir aussi

1 Response to "Formulaire de commande dynamique jQuery-php"

  • merigeau 11:30 12/2/2009

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

    };

Laisser un commentaire

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

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

A voir

Seemply est une plateforme nouvelle génération permettant de créer un site internet vitrine ou e-commerce très facilement dans une offre tout compris. Quelques secondes suffisent pour mettre en ligne vos textes, images, diaporamas, produits et ainsi augmenter votre clientèle.