Formulaire et calcul automatique [Résolu/Fermé]

Signaler
Messages postés
94
Date d'inscription
lundi 21 décembre 2009
Statut
Membre
Dernière intervention
22 juin 2011
-
 Utilisateur anonyme -
Bonjour,
j'ai un formulaire

Il y a 6 champs


Le 4ième champ est une valeur fixe: (un chiffre)
Le 5ième champ est rempli par l'utilisateur.
Le 6ième champ est = au multiple du nombre se trouvant dans le 4ième champ et le 5ième.

Comment je peux faire pour que le champ 6 se calcule automatiquement et s'affiche directement une fois le champ 5 rempli par l'utilisateur sans que celui-ci ne doive appuyer sur quoi que ce soit?

De plus, le champ 5 doit être envoyé dans ma base de données et doit donc faire partie du formulaire également.

Merci de votre aide,
John4834

6 réponses


Laisse l'id, et rajoute un name ^^
<script type="text/javascript">
function calcul(chiffre1, chiffre2)
{
result = chiffre1*chiffre2;
document.getElementById('champ6').value = result;
}
</script> 

<input type="text" id="champ4" name="champ4" value="8">
<input type="text" id="champ5" name="champ5" value="" OnKeyUp="javascript:calcul(this.value, document.getElementById('champ4').value);">
<input type="text" id="champ6" name="champ6" value=""> 
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 60511 internautes nous ont dit merci ce mois-ci


Pour le calcul automatique, ceci devrait marcher :
<script type="text/javascript">
function calcul(chiffre1, chiffre2)
{
    result = chiffre1*chiffre2;
    document.getElementById('champ6').value = result;
}
</script>

<input type="text" id="champ4" value="8">
<input type="text" id="champ5" value="" OnKeyUp="javascript:calcul(this.value, document.getElementById('champ4').value);">  
<input type="text" id="champ6" value="">


Pour l'insertion dans une BDD, cherche du côté d'AJAX
Messages postés
94
Date d'inscription
lundi 21 décembre 2009
Statut
Membre
Dernière intervention
22 juin 2011
4
Merci bien, mais puis-je remplace id par name?

<script type="text/javascript">
function calcul(chiffre1, chiffre2)
{
result = chiffre1*chiffre2;
document.getElementByName('champ6').value = result;
}
</script>

<input type="text" name="champ4" value="8">
<input type="text" name="champ5" value="" OnKeyUp="javascript:calcul(this.value, document.getElementByName('champ4').value);">
<input type="text" name="champ6" value="">

parce que j'ai essayé mais ca ne fonctionne pas. Hors mo formulaire ne sait récupérer les infos que via name="".
Merci
Messages postés
94
Date d'inscription
lundi 21 décembre 2009
Statut
Membre
Dernière intervention
22 juin 2011
4
Ok, il suffisait simplement rajouter une balise name en plus de celle id.
Messages postés
94
Date d'inscription
lundi 21 décembre 2009
Statut
Membre
Dernière intervention
22 juin 2011
4
Merci beaucoup :)

De rien ;)
Pour l'ajax, il y a un bon tuto ici : https://gael-donat.developpez.com/web/intro-ajax/