Afficher une variable dans un formulaire. [Résolu]

[Snap luvs pastèque]

Bonjours! Je cherche à récupérer un variable donnée calculée en javascript.
Ce sera plus clair si je l'explique avec le code:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<br>Maîtrise du combat: 
<input type="text" 
name="xp_maitrise_du_combat" 
id="xp_maitrise_du_combat" 
value="0" 
onKeyup="check1();">
//ici, on récupère la quantité d'Xp que le joueur dépense. La fonction check1 calcule en fonction de cet Xp combien le joueur acquiert de point de "maitrise de combat".
Xp= <span id="result_maitrise_du_combat"></span> 
//ici, on affiche la valeur calculée par check1 
 
<input type="hidden" 
name="maitrise_du_combat" 
value="result_maitrise_du_combat">
//ici, on est censé récupérer la valeur pour l'envoyer vers la page suivante. Les balises FORM sont omises sur ce bout de code, mais elle sotn présente sur le code entier.
 
<script type="text/javascript">
function check1() {
 var maitrise_du_combat = document.getElementById("xp_maitrise_du_combat").value;
 
var result_maitrise_du_combat = document.getElementById("result_maitrise_du_combat");
 
 result_maitrise_du_combat.innerHTML = maitrise_du_combat/500;
}</script>

Le problème est que la valeur n'est tout simplement pas récupérée par la seconde balise input. Quand je la change en type="text" pour voir ce qu'elle contient, on remarque que c'est "resultat_maitrise_du_combat" qui s'affiche et non sa valeur. Quelqu'un saurait comment y remédier?

Merci d'avance.

[vermine]

Bonjour,

A aucun moment vous ne précisez qu'il faut changer la valeur du champ hidden appelé "maitrise_du_combat" .

[Snap luvs pastèque]

Merci de me répondre=)
Et... comment pourrais-t-on faire pour faire changer cette valeur?

[RomainVALERI]

essaie d'affecter la valeur à value et non innerHTML (à la fin de check1)

[Snap luvs pastèque]

Voici ce que donne le code modifié (j'ai enlevé les commentaires pour gagner en lisibilité). Donc, si j'ai bien compris, c'est :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<br>Maîtrise du combat: 
<input type="text" 
name="xp_maitrise_du_combat" 
id="xp_maitrise_du_combat" 
value="0" 
onKeyup="check1();">
Xp= <span id="result_maitrise_du_combat"></span> 
<input type="text" 
name="maitrise_du_combat" 
value="result_maitrise_du_combat">
 
 
<script type="text/javascript">
function check1() {
 var maitrise_du_combat = document.getElementById("xp_maitrise_du_combat").value;
 
var result_maitrise_du_combat = document.getElementById("result_maitrise_du_combat");
 
 result_maitrise_du_combat.value = maitrise_du_combat/500;
}</script>

Apparemment, après test, le même problème se pose avec ce code-ci sauf qu'en plus le premier affichage ne marche plus.
Ou alors j'ai mal placé le .value?

[vermine]

Je maintiens qu'à aucun moment vous ne précisez qu'il faut changer la valeur du champ hidden appelé "maitrise_du_combat" . Vous confondez le champ hidden dont le value ressemble à l'id du span. Pour le span, il faut faire un innerText, pas pour le champ hidden. Vous désirer affecter deux éléments mais vous n'en modifiez qu'un seul.

[Snap luvs pastèque]

Merci, cependant quelques explication serait nécessaire sur deux points?

Envoyé par vermine

Vous confondez le champ hidden dont le value ressemble à l'id du span.

La value du champ hidden doit justement être la même que celle qui apparait dans le span.

Pour le span, il faut faire un innerText, pas pour le champ hidden.

Dans ce cas, que faut-il faire pour le champ hidden?

Et pour être plus performant et correct, ce serait mieux de faire le document.getElementById sur... un id.

Ici, vous parlez bien d'attribuer un id au champ hidden? J'y ai pensé, mais étant donné qu'il faut que les valeurs soit identiques entre lui et le span, il faudrait leurs attribuer le même id, ce qui n'est pas (a ma connaissance) possible?

[vermine]

Code :

1
2
3
4
5
6
<span id="result_maitrise_du_combat"></span> 
//ici, on affiche la valeur calculée par check1 
 
<input type="hidden" 
name="maitrise_du_combat" 
value="result_maitrise_du_combat">

Vous donnez comme valeur un joli petit texte à votre hidden. Celui qui apparait quand vous changez le hidden en text. Rien d'anormal à ce phénomène. Etiez-vous en train de penser qu'en précisant l'id du span dans le value du hidden, vous alliez lier le span et le hidden ? Hé bien non.

Chaque élément doit se voir affecter de sa valeur. Faire innerText pour le span, est une chose, mais il faut aussi faire un document.getElementById(...) du hidden car ce sont bel et bien deux éléments différents et ils n'ont aucun lien.
Alors oui, il faut donner un id au hidden. Et effectivement, il ne pourra pas s'agir du même que celui du span. Mais qu'importe, vu qu'on vient de comprendre qu'ils n'étaient pas lié. Vous pouvez donner l'id que vous voulez à votre hidden, et ensuite, lui affecter la même valeur (maitrise_du_combat/500) avec un .value comme vous l'avez utilisé dans votre deuxième tentative.

[Snap luvs pastèque]

Ouais! Ca marche!
Super=) merci d'avoir pris le temps d'expliquer en détails.
Résolu!

[vermine]

Au plaisir.
J'ai préféré ne pas donner de code et vous forcer à réfléchir un minimum à ce que vous aviez écrit. C'est ainsi qu'on apprend, pas en recopiant.