IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Additionner les �l�ments d'un formulaire


Sujet :

JavaScript

  1. #1
    Membre confirm�
    Profil pro
    Inscrit en
    Octobre 2008
    Messages
    163
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2008
    Messages : 163
    Par d�faut Additionner les �l�ments d'un formulaire
    Bonjour,

    Je ne sais pas si je poste au bon endroit, dans le cas contraire veuillez m'excusez

    Je vous expose mon probl�me.
    J'ai un formulaire HTML qui renvoie dans un BDD les informations envoyer par le visiteur.

    Mon formulaire concerne des quantit�s de produits. Le visiteur doit donc choisir s'il veut tant de ce produit puis tant de ce produit...

    Et je voudrais qu'il puisse visualis� le prix que �a lui coute (en bas du formulaire par ex) s'il choisit tant de ce produit (la quantit� fois le prix d'une unit� du produit concern�). C'est une peu dans le syle de ce qu'on peu faire sous Excel...

    J'esp�re avoir �t� assez clair

    Merci � ceux qui se pencherons sur mon soucis!

    Bonne journ�e!

  2. #2
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Ao�t 2007
    Messages
    2 035
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes C�te d'Azur)

    Informations professionnelles :
    Activit� : D�veloppeur Web

    Informations forums :
    Inscription : Ao�t 2007
    Messages : 2 035
    Par d�faut
    Salut,

    Ce ne sera pas en (x)HTML.
    Tu peux voir du c�t� du Php (mais qui demandera un rafraichissement de la page pour afficher le r�sultat) ou en Javascript, voir en Ajax (c�t� client donc sans rechargement).
    Pensez � utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : D�veloppeur Web Freelance

  3. #3
    R�dacteur
    Avatar de marcha
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    D�cembre 2003
    Messages
    1 571
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 54
    Localisation : Suisse

    Informations professionnelles :
    Activit� : D�veloppeur Web

    Informations forums :
    Inscription : D�cembre 2003
    Messages : 1 571
    Par d�faut
    Salut,

    En javascript il te faut it�rer les �l�ments du formulaire, extraire leur valeur,
    faire tes calculs et afficher le r�sultat dans une zone. Il faut recalculer �
    chaque changement de valeur.

    Pour it�rer les champs de ton formulaire, place un id dans <form> par ex. id='frm', puis tu place un attribut class='truc' dans les champs qui doivent
    servir au calcul.

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    function calcul() {
      var total = 0;
      var f = document.getElementById('frm');
      var fields = f.getElementsByTagName('input');
      for(var i=0;i<fields.length;i++) {
        var field = fields[i];
        if(field.className=='truc') { 
          total += parseInt(field.value);
        }
      }
      document.getElementById('resultat').innerHTML = total;
    }
    Tu peux appeler la fonction calcul sur le onchange, onblur, des champs
    ou � interval r�gulier, � toi de voir.

  4. #4
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    ou
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. Personnaliser les �l�ments d'un formulaire.
    Par Officieum dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 2
    Dernier message: 10/01/2008, 20h45
  2. [Tableaux] Additionner les �l�ments d'un tableau
    Par The SorroW dans le forum Langage
    R�ponses: 6
    Dernier message: 20/12/2007, 15h02
  3. parcourir tous les �l�ments de mon formulaire
    Par Henry9 dans le forum G�n�ral JavaScript
    R�ponses: 5
    Dernier message: 17/08/2007, 13h22
  4. R�ponses: 7
    Dernier message: 16/01/2007, 16h10
  5. R�ponses: 1
    Dernier message: 18/12/2006, 10h20

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo