Discussion :

[Skangell]

Bonjour à tous,

je suis débutante en JavaScript et j'aimerais avoir vos conseils pour réussir mon événement JavaScript :

Dans mon formulaire (f_donnee_realisation) j'ai 2 champs texte :
- vf_nb_diagnostic : Nb de diagnostic réalisé dans l'année
- vf_nb_total_diagnostic : Total des diagnostics de toute les années entrées dans la BDD.

J'aimerais un événement JavaScript qui permette de calculer automatiquement le champs "vf_nb_total_diagnostic" en y ajoutant le nombre entré dans le champs "vf_nb_diagnostic".

Voici mes champs textes :

Code :

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

1
2
<td width="50%">Diagnostic(s) réalisé(s) ou en cours : <input type="text" name="vf_nb_diagnostic" value="Nb_Diagnostic"></td>
<td>Total diagnostics : <input type="text" name="vf_nb_total_diagnostic" value="Total_Diagnostic" onChange="javascript:calculer();" READONLY /></td>

Et la fonction JavaScript :

Code :

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

1
2
3
4
5
6
<script type="text/javascript">
function calculer()
{
	document.f_donnee_realisation.vf_nb_total_diagnostic.value = parseInt(document.f_donnee_realisation.vf_nb_diagnostic.value) + parseInt(document.f_donnee_realisation.vf_nb_total_diagnostic_hidden.value) ; 
}
</script>

Je récupère le total des diagnostics via une requête dans la BDD et je l'affiche dans le champs texte "vf_nb_total_diagnostic" ainsi que dans un champs texte invisible "vf_nb_total_diagnostic_hidden"

Pour le moment rien ne marche, je suppose que je n'utilise pas le bon événement...

Merci de votre aide !

[vermine]

Bonjour,

Vous déclarez un onchange sur un champ readonly. Le onchange ne se lancera pas. Il doit être précisé sur l'autre champ, celui dont la valeur change par la main de l'utilisateur.

Par contre je n'ai pas compris où et comment vous récupériez le total. Au chargement de la page ou bien à chaque onchange ?

[Skangell]

Bonjour et merci pour la réponse rapide !

Le total des diagnostics est affiché au chargement de la page dans le champs vf_nb_total_diagnostic. Il est calculé grâce à une requête SQL et une boucle dans le fichier PHP.

Ok pour l'événement OnChange, je ne savais pas qu'elle ne s'utilisait pas sur un READONLY... En + un gros manque de logique !

Nous avons un problème sur le serveur, je ne peux pas tester pour le moment. Dès que j'ai pu essayer je vous tiens au courant.

Merci à vous :-)

[Skangell]

Ça fonctionne !! Merci beaucoup !

Par contre, avec l'événement "OnChange" le calcul se fait après avoir cliqué hors du champs de saisie. Y a t-il un événement qui permet de modifier automatiquement le total au fur et à mesure de la saisie ?

[vermine]

Moui, je dirais onkeyup.

[Skangell]

Tout simplement parfait ! Merci beaucoup pour votre aide !

Bonne journée !

[vermine]

Tout compte fait, le onkeyup ne convient pas. Le résultat sera faux.

Vous entrez : 123
Il caclul : 0 + 1 + 12 + 123 = 136



Edit: Haaaa non, je n'ai rien dit, vous avez le total en hidden donc le calcul sera correct.