addition de textbox

Version imprimable

Voir 40 message(s) de cette discussion en une page

25/04/2007, 04h44
temjeh

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
25/04/2007, 09h11
bustaja
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:

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 !

Code:

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 :mouarf:

Citation:

Envoy� par lapanne

Code:

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 :mouarf:

:mrgreen:

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

25/04/2007, 12h01
lapanne

Je suis trop bon 8-)
Enfin ce que ma copine me dis...:aie:
:dehors:
25/04/2007, 12h03
temjeh

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
25/04/2007, 12h09
lapanne

Oui c'est tr�s r�aliste :king:
25/04/2007, 12h15
temjeh

Merci

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

Merci

Temjeh

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:

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> </p> <p> </p> </body> </html>
Meci

Temjeh
http://pages.videotron.com/temjeh/logo/7.gif

26/04/2007, 13h25
MasterOfChakhaL

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
26/04/2007, 13h28
SpaceFrog

ou multiplier par 1 ...
26/04/2007, 13h34
temjeh

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

Code:

parseFloat()

C'est la solution : forcer la valeur de l'input en flottant (r�el) ;)
Code:

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:

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:

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. :)

26/04/2007, 13h37
SpaceFrog

heu sisi c'est bon mais tu ne dois pas l'impl�menter correctement c'est tout ...
tu la lances quand la fonction ?
26/04/2007, 13h41
bustaja

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?" :aie:

Au lieu de raconter n'importe quoi !!!
testez au moins ...
Code:

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 :evilred:

26/04/2007, 14h07
bustaja

Citation:

Envoy� par SpaceFrog

�a va faire plus de 10 ans que je pratique le javascript et j'ai pas pour habitude de dire n'importe quoi :evilred:

C'est bon, t'es pas oblig� de t'�nerver. :mouarf:

J'sais pas, j'connaissais pas cette m�thode pour forcer le type. C'est un peu bidouille mais �a marche :)

Et �nerve-toi pas parce que j'ai dit "bidouille" ;)
26/04/2007, 14h16
SpaceFrog

Non je suis le premier � dire que javascript est l'apologie de la bidouille ...
26/04/2007, 14h21
bustaja

Citation:

Envoy� par SpaceFrog

Non je suis le premier � dire que javascript est l'apologie de la bidouille ...

:D

Et j'ajoute :

La programmation en g�n�ral c'est de la bidouille. ;)

Enfin moi j'aime bien la bidouille donc �a va :D
26/04/2007, 18h55
temjeh

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

Voir 40 message(s) de cette discussion en une page