Discussion :

[Belokanfr]

Bonjour à tous !
Nouveau sur ce forum, je cherche désespérément solution à mon problème.

Voilà, j'ai créé deux "input", qui permettent de faire un calcule de type :
"champ que doit remplir de candidat" x75 = "champ du résultat"
ce qui donne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input type="text" id="field1" onChange="computeResult();" value="" name="participant">x 75 &euro; =</input><input type="text" id="result" name="result"> <span class="euro">&euro;</span></input>

En ce qui concerne la fonction "computeResult", elle contient ceci :

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
 
	function computeResult() {
		var result = document.getElementById('result');
		document.getElementById('result2').value = document.getElementsByName('result').value;
 
 
		var value1 = document.getElementById('field1').value;
 
 
		if (testInt(value1)) {
			result.value = parseInt(value1) * 75;
		}
		else {
			alert('La valeur du nombre de participant(s) n\'est pas correcte');
		}
	}
 
 
	function testInt(value) {
		return value == parseInt(value);
 
	}

Ceci fonctionne très bien, mais là où cela se complique, c'est que je souhaite récupérer le résultat de "result" dans un autre champ "input" se nommant "result2", plus loin dans ma page (HTML) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input type="text" id="result2" value="" name="result2">

Mais je ne trouve aucune solution, malgré mes nombreuses recherches et tentatives.

Un grand merci à tout ceux qui prendront le temps de me répondre !

[SpaceFrog]

heu l'input est devenu une balise autofermante ...

de plus un span dans un input ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input type="text" id="field1" onchange="computeResult();" value="x 75 &euro; =" name="participant" /><input type="text" id="result" name="result" class="euro" value="&euro;"/>

[Belokanfr]

Merci SpaceFrog, mais ça ne donne pas de solution à mon problème

Je reconnais que le span dans un input... mea culpa !

Et concernant "heu l'input est devenu une balise autofermante", peux-tu développer, car je n'ai pas compris ?

Merci

[SpaceFrog]

on n'ecrit plus

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input .... ></input>

on syntaxe desormais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input .... />

[Belokanfr]

Ah, très bien, merci !

Donc pas d'idée pour récupérer la valeur de l'addition dans mon autre input ?

[SpaceFrog]

ben si tu syntaxes proprement tes inputs , .value est correct...

[Belokanfr]

He bien en fait, j'ai appliqué directement ce que tu m'as dit, après ta remarque, mais non, le code ne fonctionne pas !

J'ai comme valeur dans mon deuxième input : "undefined"

Ce qui m'amène à penser que, le deuxième input (result2) ne prend que la valeur du premier input (result) et pas conséquence, comme le premier est vide, il est forcément indéfini.
J'ai comme l'impression que le deuxième input prend la valeur du premier avant que le premier ait fait sont calcul.

Qu'en penses-tu ?

[SpaceFrog]

redonne ton code modifié ...

[Belokanfr]

Problème résolu !

Il suffisait de procédé pour le "result2" de faire comme le premier, à savoir :

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
	function computeResult() {
		var result = document.getElementById('result');
		var result2 = document.getElementById('result2');


		var value1 = document.getElementById('field1').value;

		
		if (testInt(value1)) {
			result.value = parseInt(value1) * 75;
			result2.value = parseInt(value1) * 75;
		}
		else {
			alert('La valeur du nombre de participant(s) n\'est pas correcte');
		}
	}

	
	function testInt(value) {
		return value == parseInt(value);
		
	}

Merci !