Discussion :

[tomguiss]

Bonjour,

j'ai un formulaire avec une liste de champs à remplir.
En fin de formulaire, il y a un bouton pour calculer le total.

Est-ce possible via "OnChange" ou autre, que ce total s'ajuste automatiquement dès qu'on quitte un champ et sans devoir appuyer sur le bouton 'submit' ?

merci,

[vermine]

Bonjour,

Oui tout à fait. Dans le onchange, vous pouvez appeler la fonction de calcul.
Soit vous précisez un onchange sur les x champs qui font intervenir le calcul (écrire l'appel x fois) :

Code :

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

1
2
3
<input type="text" id="un" onchange="calcul();">
<input type="text" id="deux" onchange="calcul();">
<input type="text" id="x" onchange="calcul();">

Soit vous définissez que pour les inputs de tel nom/type/class/... vous déclenchez la fonction de calcul sur le onchange (écrire l'appel 1 fois) :

Code :

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

1
2
3
4
5
6
7
8
 
<input type="text" id="deux" name="champ_calcul" onchange="calcul();">
<input type="text" id="deux" name="champ_calcul" onchange="calcul();">
<input type="text" id="deux" name="champ_calcul" onchange="calcul();">
 
<script>
document.getElementsByName("champ_calcul").onchange = calcul();
</script>

[tomguiss]

merci beaucoup pour votre réponse.

par contre avant, je faisais un include de "calcul.php" si on appuyait sur tel bouton pour calculer le total. Ici comment faire ? je dois réécrire mon fichier en javascript au lieu du php ?

Code :

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

1
2
3
4
5
 
if (isset($_POST['etape41'])) 
{ 
 include("calcul_divers.php");
}

y a t il un équivalent en javascript ?
donc ne pas réécrire mon fichier PHP avec les calcules en javascript.

[vermine]

Si le calcul est simple est pas du tout secret, le mieux serait effectivement de le traduire en Javascript.
Sinon, vous pouvez faire un appel Ajax qui ira contacter calcul.php et qui mettra le résultat à l'endroit voulu.

[tomguiss]

pour résumé, voici ce qu'il y a dans on fichier calcul.php :

Code :

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

1
2
3
4
5
6
 
$_SESSION['champ1'] = $_POST['champ1'];
$_SESSION['prix_champ1'] = 11.90;
.....
$_SESSION['total'];
$_SESSION['total'] += ($_SESSION['champ1'] * $_SESSION['prix_champ1']);

Merci pour les réponses, je vais faire des tests.

[briegel]

Tu as intérêt à faire de l'ajax, étant donné que visiblement tu comptes stocker des valeurs dans la superglobale $_SESSION.
Donc il faut obligatoirement envoyer des données au serveur pour qu'il réalise ce stockage... A moins de faire ce stockage dans un cookie, auquel cas tu peux le manipuler en JavaScript.

[Bovino]

Tu as intérêt à faire de l'ajax, étant donné que visiblement tu comptes stocker des valeurs dans la superglobale $_SESSION.
Donc il faut obligatoirement envoyer des données au serveur pour qu'il réalise ce stockage... A moins de faire ce stockage dans un cookie, auquel cas tu peux le manipuler en JavaScript.

Ola !!! Attention !
Le calcul en JavaScript ne doit pas se substituer au calcul PHP, il ne doit être là que pour offrir une information.
Le véritable calcul, donc avec les vraies valeurs, pas celles contenues dans un input devra se faire avec des données du serveur, pas avec celles modifiables de la page.

Enfin tomguiss, s'il s'agit uniquement de calculer un prix selon une quantité et éventuellement de la TVA, la récupération des valeurs des input et une utilisation judicieuse de l'opérateur * devraient être suffisants