Alors voila , ça fait maintenant plusieurs jours que je galère alors je jette l'éponge et je fait appel a vous ,Le JavaScript est pour moi l'un des meilleurs langage web qui est était inventer mais trop c'est trop , j'ai beau essayer de faire comme il faut et de comprendre rien n'y fait ,ce langage pompe mon temps et mon énergie . Alors voila mon site a besoin de quelque fonctionnalité en JavaScript et d'autre en Ajax pour fonctionner pleinement .
Pour une page qui s'occupe de générer un devis je doit pouvoir calculer en temps réel la somme que doit prendre la secrétaire a l’éleve et pour cela celons le nombre de produit qu'il achète (que la secrétaire tape sur le formulaire) le contenue entre les deux balise : <span id="Cout" class="input-group-text">MON CONTENUE</span> doit changer . Pour cela j'ai essayer de suivre le cours ... Et j'ai aboutie a ce code la :
Rien ne marche ... Le calcul de la variable marche bien sont affichage non (j'ai essayer de mettre : NombreHeure*25 + 3 pour être sur d'avoir quelque chose a afficher et ça la pas afficher), mais je crois que le soucis c'est l’acquisition de ce que donne le formulaire et aussi l'affichage en temps réel de la valeur calculer .
Merci pour votre aide ! Après avoir régler ce petit soucis il y aura d'autre chose à faire dans cette page et il est possible que je revienne vers vous .
La saisie dans l'input n'est pas prise en compte car tous le code est exécute lors du chargement de la page.
Pour récupérer une valeur
var NombreHeure = document.getElementById('SelectionTexte').value;
Il faut pour solutionner le problème mettre un événement sur l'input afin que lorsque tu tapes sur la touche entrée, le calcul se fasse est s'affiche.
var input = document.getElementById('SelectionTexte');
input.addEventListener('keypress', function (e) {
var key = e.keyCode;
if (key === 13) {
var NombreHeure = input.value;
document.getElementById('Cout').innerText = NombreHeure * 25;
}
});
Tout d'abord merci pour ta réponse : "afin que lorsque tu tapes sur la touche entrée," justement j'aimerai que cela ce fasse automatiquement en temps réel . De plus je ne comprend pas bien le code car je n'y connais pas grand chose en javascript , pourrais tu mettre quelque commentaire pour que je puisse y voir plus claire (j'ai tester ton code il n'a pas fonctionner . )
Tout d'abord on s'occupe de récupéré la valeur du formulaire grâce à : var NombreHeure = document.getElementById('SelectionTexte').value;
Ensuite on créez une variable input contenant la valeur du formulaire: var input = document.getElementById('SelectionTexte');
Puis on créez un événement qui fait appel a une fonction (e) : input.addEventListener('keypress', function (e)
On créez une variable contenant le code de la touche presser : var key = e.keyCode;
Enfin on dit que si la touche présser a pour code 13 (le code de la touche entrer) alors NombreHeure = la valeur de l'input , et on modifie le text contenue dans 'Cout' pour y mettre NombreHeure * 25 . : if (key === 13) { var NombreHeure = input.value; document.getElementById('Cout').innerText = NombreHeure * 25;
} });
Je pense avoir compris mais le code ne marche pas !
J'ai utiliser exactement le même code que tu ma donner , j'ai même désactiver Bootstrap en espérant que ça vienne de la , mais rien n'y fait ça ne veux pas fonctionner ... Je code avec Notepad++ et mon navigateur c'est Firefox .
J'aimerais que l'affichage ce fasse automatiquement sans que j'appuie sur une touche en gros pas besoin d’évènement . La valeur ce modifie en temps réel celons ce qui est saisie dans le formulaire .
Personne a remarquer (peu t’être parce que vous avez l'habitude de coder le javascript dans un fichier externe) mais mon script s’exécuter avant l'input et donc ne fonctionner pas , alors qu'après l'input la il fonctionne !
Je vous remercie pour votre aide et votre patience .
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
N'oubliez pas d'activer les erreurs PDO.
N'oubliez pas d'activer les erreurs PDO.
N'oubliez pas d'activer les erreurs PDO.