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 :

addition de textbox


Sujet :

JavaScript

Vue hybride

temjeh addition de textbox 25/04/2007, 04h44
bustaja Le HTML te permet pas de... 25/04/2007, 09h11
lapanne <script language=javascript>... 25/04/2007, 10h17
bustaja :mrgreen: Mais faut pas... 25/04/2007, 11h52
lapanne Je suis trop bon 8-) Enfin... 25/04/2007, 12h01
temjeh Merci beaucoup pour votre... 25/04/2007, 12h03
lapanne Oui c'est trés réaliste :king: 25/04/2007, 12h09
temjeh Merci Et je suis désolé si... 25/04/2007, 12h15
temjeh Prob: 1+2 = 12! aulieu de 3 26/04/2007, 12h13
bustaja parseFloat() C'est la... 26/04/2007, 13h35
MasterOfChakhaL En javascript, le '+'... 26/04/2007, 13h25
SpaceFrog ou multiplier par 1 ... 26/04/2007, 13h28
temjeh Merci beaucoup Pour la la... 26/04/2007, 13h34
SpaceFrog heu sisi c'est bon mais tu ne... 26/04/2007, 13h37
bustaja On s'en doute que ça marche... 26/04/2007, 13h41
temjeh Un gros merci pour votre aide... 26/04/2007, 18h55
temjeh Rebonjour C'est bon j'ai... 26/04/2007, 19h34
SpaceFrog un point virgule ... ... 26/04/2007, 19h52
Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    27
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2007
    Messages : 27
    Par défaut addition de textbox
    Bonsoir je suis nouveau en html(Je programme en VBA)

    J'ai créer un formulaire et je cherche en html a additionné 2 textbox dans un troisième sous l'action d'un bouton.

    En vba textbox3=textbox1+textbox2 mais pas en html

    Merci beaucoup

    Temjeh

  2. #2
    Membre confirmé Avatar de bustaja
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    109
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : Avril 2007
    Messages : 109
    Par défaut
    Citation Envoyé par temjeh
    Bonsoir je suis nouveau en html(Je programme en VBA)

    J'ai créer un formulaire et je cherche en html a additionné 2 textbox dans un troisième sous l'action d'un bouton.

    En vba textbox3=textbox1+textbox2 mais pas en html

    Merci beaucoup

    Temjeh
    Le HTML te permet pas de faire de la "programmation classique", c'est de l'affichage d'éléments.

    Tu entends quoi par "additionner 2 textbox" j'ai du mal à saisir. Reformule mieux ton problème s'il te plait

    Si tu veux additionner les valeurs de tes textbox, tu veux récupérer la value de ta textbox en utilisant du JavaScript.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <input type="text" id="nomvariable">
    <input type="button" onclick="alert(document.getElementById('nomvariable').value);">
    En fait document.getElementById('nomvariable').value récupère la valeur de ta zone de texte.

    alert() te permet d'afficher une fenetre. Et ici je passe la valeur de ton Input en paramètre. Enfin à toi de tester

    Après, à toi de te débrouiller pour faire l'addition mais sache qu'il faut que tu passes par du JavaScript ici. Sinon tu peux aussi le faire en PHP mais la récupération de la variable est différente ! Enfin c'est une autre histoire !

  3. #3
    Membre expérimenté Avatar de lapanne
    Inscrit en
    Juin 2006
    Messages
    200
    Détails du profil
    Informations forums :
    Inscription : Juin 2006
    Messages : 200
    Par défaut
    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 language=javascript>
           function test()
           {
    		var textbox1_value = document.getElementById("textbox1").value;
    		var textbox2_value = document.getElementById("textbox2").value;
    		document.getElementById("textbox3").value = textbox1_value + textbox2_value;
     
           }
     
    </script>
     
    <input id="textbox1" type="textbox"></input>
    <input id="textbox2" type="textbox"></input>
    <input type="button" onclick="test()"></input>
    <input id="textbox3" type="textbox"></input>
    Voili voilou

  4. #4
    Membre confirmé Avatar de bustaja
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    109
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : Avril 2007
    Messages : 109
    Par défaut
    Citation Envoyé par lapanne
    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 language=javascript>
           function test()
           {
    		var textbox1_value = document.getElementById("textbox1").value;
    		var textbox2_value = document.getElementById("textbox2").value;
    		document.getElementById("textbox3").value = textbox1_value + textbox2_value;
     
           }
     
    </script>
     
    <input id="textbox1" type="textbox"></input>
    <input id="textbox2" type="textbox"></input>
    <input type="button" onclick="test()"></input>
    <input id="textbox3" type="textbox"></input>
    Voili voilou


    Mais faut pas tout leur faire aux jeunes, sinon ils vont plus rien savoir faire non mais !

  5. #5
    Membre expérimenté Avatar de lapanne
    Inscrit en
    Juin 2006
    Messages
    200
    Détails du profil
    Informations forums :
    Inscription : Juin 2006
    Messages : 200
    Par défaut
    Je suis trop bon
    Enfin ce que ma copine me dis...

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    27
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2007
    Messages : 27
    Par défaut
    Merci beaucoup pour votre aide précieuse

    Voici une ébauche de ce que je veut faire suis-je réaliste?:

    http://pages.videotron.com/temjeh/mailto.html

    le bouton envoie me l'envoie dans mon mail

    Merci

    Temjeh

  7. #7
    Membre expérimenté Avatar de lapanne
    Inscrit en
    Juin 2006
    Messages
    200
    Détails du profil
    Informations forums :
    Inscription : Juin 2006
    Messages : 200
    Par défaut
    Oui c'est trés réaliste

  8. #8
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    27
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2007
    Messages : 27
    Par défaut
    Merci

    Et je suis désolé si je répond plus tard je part faire réparer ma bagnole

    Merci

    Temjeh

  9. #9
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    27
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2007
    Messages : 27
    Par défaut Prob: 1+2 = 12! aulieu de 3
    Bonjour à tous
    ...et Merci d'avance

    Avec le code de lapanne ca fonctionne mais il n'aditionne pas correctement:
    1+2 = 12! aulieu de 3

    Aussi qu'est-ce qui dans ce code me dit sous quel bouton il est mis ce code!
    Et si je veut y ajouter d'autre fonction comme textbox1*textbox2 =Textbox3(ca c'est bon)
    textbox4*textbox5 =Textbox6 et textbox3 + textbox6 pour un sous total.

    Je veut juste comprendre le principe!! merci beaucoup

    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
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    <html>
     
    <head>
    <meta http-equiv="Content-Type"
    content="text/html; charset=iso-8859-1">
    <meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
    <title>Untitled </title>
    </head>
     
    <body>
    <script language="javascript"> 
     
    function test() 
    { 
    var textbox1_value = document.getElementById("textbox1").value; 
    var textbox2_value = document.getElementById("textbox2").value; 
    document.getElementById("textbox3").value = textbox1_value + textbox2_value; 
    } 
    </script>
     
    <p><input type="text" size="20" id="textbox1"> <input type="text"
    size="20" id="textbox2"> <input type="button" onclick="test()"> <input
    type="text" size="20" id="textbox3"> </p>
     
    <p>&nbsp;</p>
     
    <p>&nbsp;</p>
    </body>
    </html>
    Meci

    Temjeh

  10. #10
    Membre confirmé Avatar de bustaja
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    109
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : Avril 2007
    Messages : 109
    Par défaut
    C'est la solution : forcer la valeur de l'input en flottant (réel)

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    function test() 
    { 
    var textbox1_value = parseFloat(document.getElementById("textbox1").value); 
    var textbox2_value = parseFloat(document.getElementById("textbox2").value); 
    document.getElementById("textbox3").value = textbox1_value * textbox2_value; 
    }
    Citation Envoyé par temjeh
    Aussi qu'est-ce qui dans ce code me dit sous quel bouton il est mis ce code!
    Sous quel bouton est mis ce code ? Tu veux dire "quel est le bouton qui va appeller ma fonction?" non ?

    Je vais t'expliquer comment ça marche :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <input type="text" size="20" id="textbox1"> <input type="text"
    size="20" id="textbox2"> <input type="button" onclick="test()"> <input
    type="text" size="20" id="textbox3">
    Le premier input est de type text, donc c'est une zone de texte. Son nom est "textbox1" et sa taille 20.
    Le deuxième est similaire au premier sauf que son nom est "textbox2".
    Le troisième input est de type bouton et l'attribut "onclick" veut simplement dire que l'on va appeller la fonction JavaScript nommé "test()".
    Le dernier input est similaire au 2 permiers mais son nom est "textbox3".

    L'appel à la fonction via "onclick" va permettre de faire ton calcul.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    function test() 
    { 
    var textbox1_value = parseFloat(document.getElementById("textbox1").value); 
    var textbox2_value = parseFloatdocument.getElementById("textbox2").value); 
    document.getElementById("textbox3").value = textbox1_value * textbox2_value; 
    }
    On récupère la valeur de "textbox1" et celle de "textbox2" que l'on va afficher dans "textbox3". J'ai forcé le type en int pour que tu puisses avoir des chiffres.

    Citation Envoyé par temjeh
    Et si je veut y ajouter d'autre fonction comme textbox1*textbox2 =Textbox3(ca c'est bon)
    textbox4*textbox5 =Textbox6 et textbox3 + textbox6 pour un sous total.
    Et bien tu fais la même chose en changeant les noms des input ou alors tu crées une fonction générale qui va prendre les noms des input en paramètres.

  11. #11
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    En javascript, le '+' effectue une concaténation comme tu as pu le constater...

    Tu peux utiliser la fontion parseInt() pour récupérer tes valeurs
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  12. #12
    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 658
    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 658
    Billets dans le blog
    1
    Par défaut
    ou multiplier par 1 ...
    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 !

  13. #13
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    27
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2007
    Messages : 27
    Par défaut
    Merci beaucoup

    Pour la la fontion parseInt() je ne connais pas trop (je suis en vba depuis 4 ans)
    J'apprend tranquillement mais ca avance

    Ceci est pas bon:

    (textbox1_value*1)+(textbox2_value*1)

    Et pour y ajouté d'autre addition?

    Merci

    Je quitte et reviens plus tard

    Temjeh

  14. #14
    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 658
    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 658
    Billets dans le blog
    1
    Par défaut
    heu sisi c'est bon mais tu ne dois pas l'implémenter correctement c'est tout ...
    tu la lances quand la fonction ?
    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 !

  15. #15
    Membre confirmé Avatar de bustaja
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    109
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : Avril 2007
    Messages : 109
    Par défaut
    Citation Envoyé par temjeh
    (textbox1_value*1)+(textbox2_value*1)
    On s'en doute que ça marche pas: tu multiplies un int avec une chaine de caractères. Ne mélange pas tout

    Passe tes valeurs d'input en int avec parseInt() ou en flottant avec parseFloat().

    Sinon j'comprend pas ton "Et pour y ajouté d'autre addition?"

  16. #16
    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 658
    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 658
    Billets dans le blog
    1
    Par défaut
    Au lieu de raconter n'importe quoi !!!
    testez au moins ...


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <input type='text' value='1' id='one' />
    <input type='text' value='2' id='two' onblur="document.getElementById('three').value= (document.getElementById('one').value*1) + (document.getElementById('two').value*1)"/>
    <input type='text' id='three' />
    alors ça marche pas ????

    ça va faire plus de 10 ans que je pratique le javascript et j'ai pas pour habitude de dire n'importe quoi
    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 !

  17. #17
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    27
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2007
    Messages : 27
    Par défaut
    Un gros merci pour votre aide

    Je suis venu pour le lunch

    J'examine le tout et essaie de le comprendre car je ne veut RIEN de tout fait
    mais comprendre(come en VBA) pour faire par moi-même

    De retour vers 117hrs avec plus de temps

    A+

    Temjeh

  18. #18
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    27
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2007
    Messages : 27
    Par défaut
    Rebonjour

    C'est bon j'ai compris le principe d'apelle de fonction et ca fonctionne

    Pour ceci:

    #
    onclik test apelle text et m^me chose pour test2 ...parfait

    mais si je veut sous le onclic "test" y faire apelle au 2 fonction(2 avec 1 seul bouton) j'ai essayé ... & "test2"()> mais pas bon

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <p><input type="text" size="20" id="textbox1"> <input type="text"
    size="20" id="textbox2"> <input type="button" name="test"
    onclick="test()" & "test2"()> <input type="text" size="20"
    id="textbox3"> </p>
    Merci

    Temjeh

  19. #19
    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 658
    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 658
    Billets dans le blog
    1
    Par défaut
    un point virgule ...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onclick='fonction1();fonction()'
    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. [XL-2007] Renvoi d'addition de textbox dans une variable
    Par chrisaccess dans le forum Macros et VBA Excel
    Réponses: 3
    Dernier message: 13/01/2014, 13h57
  2. [AC-2010] Addition de textbox dans formulaire
    Par wisemanvsfatboy dans le forum IHM
    Réponses: 1
    Dernier message: 12/03/2011, 21h57
  3. Addition de TextBox ;-(
    Par thebossbest dans le forum C#
    Réponses: 5
    Dernier message: 01/08/2010, 16h50
  4. Addition de Textbox
    Par hawk91 dans le forum Macros et VBA Excel
    Réponses: 13
    Dernier message: 10/04/2009, 10h07
  5. Addition de textbox
    Par VARACH dans le forum VB 6 et antérieur
    Réponses: 5
    Dernier message: 01/02/2007, 08h31

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