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 :

Somme de champs inputs automatique


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti Avatar de c3dric49000
    Homme Profil pro
    Webmaster
    Inscrit en
    Juin 2016
    Messages
    22
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Maine et Loire (Pays de la Loire)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Juin 2016
    Messages : 22
    Par défaut Somme de champs inputs automatique
    Bonjour,

    J’explique le script que j'ai :

    J'ai un champ Quantité / Prix / Total en dessous, j'ai des champs Dynamiques en jquery (+ et -)
    Le total de tous ce petit monde se calcul automatiquement via ces JS :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    <script type='text/javascript'>
    function multiply(id){
                    var quantite=(!isNaN(document.getElementById('quant'+id).value))?Number(document.getElementById('quant'+id).value):"x";
                    var prix=(!isNaN(document.getElementById('pu'+id).value))?Number(document.getElementById('pu'+id).value):"x";
                   document.getElementById('total'+id).value=(quantite!="x" && prix!="x")?quantite*prix:'???';
    }
    </script>
     
    <script type='text/javascript'>
    function multiply2(){
                    var quantite=(!isNaN(document.getElementById('quant1').value))?Number(document.getElementById('quant1').value):"x";
                    var prix=(!isNaN(document.getElementById('pu1').value))?Number(document.getElementById('pu1').value):"x";
                   document.getElementById('total1').value=(quantite!="x" && prix!="x")?quantite*prix:'???';
                    }  
     
    </script>
    Après de multiples essais je demande votre aide pour faire la même choses mais avec Total1 + 'total'+id.

    J'ai plus ou moins réussi avec ce code mais celui-ci n'est pas automatique obligé de ressaisir le champ total

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <script type="text/javascript">
    function calculer(id) {
    	var inputA = parseFloat(document.getElementById('total1').value);	
    	var inputB = parseFloat(document.getElementById('total'+id).value);	
    	var res='?';
    	if (!isNaN(inputA) && !isNaN(inputB)) {
    	    res = parseFloat(inputA + inputB); 
    		document.getElementById('resultat').innerHTML = res;
    	} else res = '?';
    }
    window.onload = function() { calculer(id); };
    </script>


    Merci à vous et pour votre aide.

  2. #2
    Membre chevronné Avatar de 01001111
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2009
    Messages
    319
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Loire (Auvergne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Janvier 2009
    Messages : 319
    Par défaut
    Petite note au préalable : il n'est pas nécessaire d'appliquer parseFloat à inputA+inputB vu que c'est déjà fait sur les deux valeurs.

    Je ne comprends pas bien ta question : quel est le champ total que tu dois ressaisir ? total1 ou 'total'+id ?
    Dans un cas comme dans l'autre, il suffit que tu mettes un écouteur onchange sur les deux champs avec un appel de calculer, mais nous n'avons pas de vue sur ton html donc il est difficile de voir comment tu procèdes de manière globale.

  3. #3
    Membre averti Avatar de c3dric49000
    Homme Profil pro
    Webmaster
    Inscrit en
    Juin 2016
    Messages
    22
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Maine et Loire (Pays de la Loire)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Juin 2016
    Messages : 22
    Par défaut
    Merci 01001111,

    En faite il faut que je fasse total1 + totalID
    Le total 1 est un champs statique qui est en permance dans mon script les ensuite le totalID prend le relai et commence à + 2 et indéfiniment.
    Merci pour les conseils je vais regarder cela

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    Bonjour,
    peut être que cette discussion pourra t'aider : Calcul et mise à jour automatique des champs

  5. #5
    Membre averti Avatar de c3dric49000
    Homme Profil pro
    Webmaster
    Inscrit en
    Juin 2016
    Messages
    22
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Maine et Loire (Pays de la Loire)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Juin 2016
    Messages : 22
    Par défaut
    Merci à toi NoSmoking, je regarde cela
    Ps: super le script
    Ps2: je me prend méchamment la tête avec mes texte dynamique en faite

  6. #6
    Membre averti Avatar de c3dric49000
    Homme Profil pro
    Webmaster
    Inscrit en
    Juin 2016
    Messages
    22
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Maine et Loire (Pays de la Loire)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Juin 2016
    Messages : 22
    Par défaut
    Re moi

    J'ai oublié de mettre un qui fonctionne presque :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <script type="text/javascript">
    	    function computeResult(id) {
     
    		var value1 = document.getElementById('total1').value;
    		var value2 = document.getElementById('total'+id).value;
    		result.value = parseFloat (value1) + parseFloat (value2);	
    		}
    	</script>
    La partie Result ne se met pas à jour si il y a seulement un champ de rempli, de plus l’addition fonctionne mais il ajoute le total1 et la dernière ligne créée dynamiquement (Si 3 + 2 + 3 = il écrit 6). Je vois cela ce soir (voir cette nuit ) sur ce script via l'aide de NoSmoking

    @++

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Rajout champ input automatique
    Par flashnet dans le forum jQuery
    Réponses: 9
    Dernier message: 17/02/2012, 16h10
  2. remplir un champ input automatiquement.
    Par bambino13 dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 18/06/2009, 15h32
  3. saisie semi-automatique sur champs input sans submit du formulaire
    Par j0hnmerrick dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 24/10/2007, 17h54
  4. Champ INPUT TEXT - Agrandir automatiquement selon la longueur du texte ?
    Par bilou95 dans le forum Général JavaScript
    Réponses: 18
    Dernier message: 31/05/2007, 14h24
  5. Séléction automatique du texte d'un champ input text
    Par choubiroute dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 02/03/2006, 14h06

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