Discussion :

[theo63]

Bonjour à tous, j'utilise dans un formulaire la fonction suivante:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<!--
	function sum_elements(){
	   var somme=0;
	   var result = document.getElementById('somme');
	   for(var i = 1; i<=6; i++){
	      var element = document.getElementById('total'+i);
	      if(element.value!='' && !isNaN(element.value)){
	         somme += parseFloat(element.value);
	      }
	   }
	   result.value = somme;
	}
	//-->

Elle me sert à faire un calcul automatique que j'affiche comme cela:

Code :

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

Total pour 1 chambre <input id="somme" name="somme" type="text" size="8" value="<?php echo"$total_chambres";?>">

Je demande dans le formulaire combien de chambre sont concernées :

Code :

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

Nombre de chambres <input onblur="calculTch()" name="nbre_ch" type="text" size="1" value="<?php echo"$nbre_ch";?>">

Et je calcul comme ceci:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<!--
	function calculTch()
	{
	var total_tchambres= document.getElementById("formulaire").elements["nbre_ch"].value * document.getElementById("formulaire").elements["total_chambres"].value;
	document.getElementById("formulaire").elements["total_tchambres"].value=total_tchambres;
	}
	//-->
 
<input type="hidden" name="total_chambres" value="<?php echo"$total_chambres";?>" size="20" onblur="calculTch()">
 
<input id="total_tchambres" name="total_tchambres" type="text" size="8" value="<?php echo"$total_tchambres";?>">

Mon problème, le calcul se fait automatiquement mais sur la valeur enregistrée dans la base de donnée "$total_chambres" et non sur le résultat de "somme" qui est le résultat du calcul automatique..

Pouvez-vous m'aider à résoudre ce problème?
Merci d'avance.

[vermine]

Bonjour,

Lorsque vous écrivez ceci :

Code :

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

value="<?php echo"$total_chambres";?>"

vous récupérez la valeur donnée par le serveur lors du chargement de la page.

En fait, dans votre fonction sum_elements(), vous devriez affecter le résultat au champ :

Code :

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

document.getElementById("somme").value = somme;

Je n'ai pas bien compris quand et comment vous appeliez cette fonction, d'ailleurs.
Et mettre un onblur sur un champ hidden ne fera pas grand chose.

[SpaceFrog]

Code :

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

value="<?php echo $total_chambres ;?>";

voire même si c'est du numérique

Code :

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

value=<?php echo $total_chambres ;?>;

[theo63]

Merci pour vos réponses. Je ne sait pas si j'ai compris, j'ai fait:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<!--
	function sum_elements(){
	   var somme=0;
	   var result = document.getElementById("somme").value = somme;
	   for(var i = 1; i<=6; i++){
	      var element = document.getElementById('total'+i);
	      if(element.value!='' && !isNaN(element.value)){
	         somme += parseFloat(element.value);
	      }
	   }
	   result.value = somme;
	}
	//-->

Mais la le calcul ne se fait plus.
Je vais poser la question autrement: comment récupérer "somme " à la place de "$total_chambres" dans la ligne ci-dessous?

Code :

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

<input type="hidden" name="total_chambres" value="<?php echo"$total_chambres";?>" size="20" onblur="calculTch()">

[vermine]

Le récupérer à partir de quand (quelle action ?) ? Vous voulez vraiment avoir ce résultat dans un champ hidden ?

L'instruction suivante :

Code :

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

document.getElementById("somme").value = somme;

va positionner le valeur somme dans le champ d'id somme. La valeur somme est calculée dans votre fonction, donc cette instruction doit être en fin de fonction. Mais bon, apparemment ce n'est pas dans le champ somme que vous désirez cela.

[theo63]

Je m'explique mal,
Dans un premier temps je fait la somme pour une chambre : "$total_chambres".
Je voudrais dans un deuxième temps multiplier ce résultat par le nombre de chambres. Je ne tient pas spécialement à ce le récupérer dans un champ hidden, j'avais utiliser cette façon pour effectuer le calcul.

[theo63]

Bonjour, on à trouvé cette façon de récupérer la variable javascript en php:

Code :

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

1
2
3
4
5
<?php
$total = "<script>document.write(somme);</script>";
 
echo"Somme : $total;" 
?>

Mais elle ne fonctionne pas. Pouvez-vous nous aider à l'écrire.
Merci d'avance

[vermine]

Recommençons depuis le début.

Vous avez votre page qui s'affiche.

Qu'y a-t-il dedans comme champs (qui nous intéressent) ?
Quelles actions, quels événements sont déclenchés où quand par qui comment ?
Actions qui lancent un calcul (lequel ?). Où doit-être présenté/transmis le résultat ?

Je ne parviens pas à savoir d'où viennent les infos (serveur ? encodage utilisateur ?) et si vous voulez faire un calcul à l'écran, et donc en JavaScript, ou bien si vous voulez récupérer des informations côté serveur.

Notez également que nous sommes sur le forum JavaScript et que nous demandons le code HTML généré et non pas du code PhP.


Quant à echo"Somme : $total;", il affiche la chaine de caractères "Somme : $total;". Pour afficher la variable, c'est echo"Somme : " . $total;.

[SpaceFrog]

au passage oublie document.write
utilise plutot un createElement ou passe par le innerHTML ou le value d'un element de la page

[Watilin]

Quant à echo"Somme : $total;", il affiche la chaine de caractères "Somme : $total;". Pour afficher la variable, c'est echo"Somme : " . $total;.

Ça c’est pas vrai. Dans les chaînes avec double-quotes ("), PHP substitue les noms de variables. Ce serait différent avec les single-quotes (') :

Code PHP :

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

<?php echo 'Somme : $total'; ?>

Sinon, @Theo : je pense que tu te mélanges les pinceaux dans les contextes d'éxecution de PHP et de JavaScript. PHP tourne sur le serveur, puis la page arrive sur le navigateur, puis JavaScript prend le relais. Tu ne pourras pas récupérer une variable JavaScript en faisant un echo. Il est nécessaire de renvoyer l'information au serveur, et pour ça l'input hidden était une bonne idée, à condition qu'il soit dans un <form> correctement déclaré. Le renvoi des données se fait alors par la soumission du formulaire, avec un input submit ou via la méthode Javascript monForm.submit();.

[vermine]

@Watilin : Ha ben j'ai bien fait de venir. Merci pour la correction.

[theo63]

Je vais essayer d'être clair.
La page est un formulaire ou on rentre 6 valeurs de dépense de rénovation "$total" (de 1 à 6) d'une chambre:

Code :

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

<input id="total6" name="total6" type="text" size="8" size="8" value="<?php echo"$total6";?>

La fonction "sum_elements" additionne automatiquement ceux-ci et le résultat "$total_chambres" s'actualise à chaque entrée.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<!--
	function sum_elements(){
	   var somme=0;
	   var result = document.getElementById('somme');
	   for(var i = 1; i<=6; i++){
	      var element = document.getElementById('total'+i);
	      if(element.value!='' && !isNaN(element.value)){
	         somme += parseFloat(element.value);
	      }
	   }
	   result.value = somme;
	}
	//-->

Donc "$total_chambres" correspond aux dépenses pour une chambre.

Code :

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

<input id="somme" name="somme" type="text" size="8" value="<?php echo"$total_chambres";?>">

Ensuite on demande le nombre de chambres concernées :

Code :

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

<input onblur="calculTch()" name="nbre_ch" type="text" size="1" value="<?php echo"$nbre_ch";?>">

Le calcul se fait par par la fonction:

Code :

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

1
2
3
4
5
6
7
<!--
	function calculTch()
	{
	var total_tchambres= document.getElementById("formulaire").elements["nbre_ch"].value * document.getElementById("formulaire").elements["total_chambres"].value;
	document.getElementById("formulaire").elements["total_tchambres"].value=total_tchambres;
	}
	//-->

On multiplie "$total_chambres" par "$nbre_ch".

Code :

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

<input type="hidden" name="total_chambres" value="<?php echo"$total_chambres";?>" size="20" onblur="calculTch()">

On affiche le résultat total pour toutes les chambres:

Code :

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

<input id="total_tchambres" name="total_tchambres" type="text" size="8" value="<?php echo"$total_tchambres";?>">

Le problème c'est que le calcul se fait automatiquement mais sur la valeur enregistrée dans la base de donnée "$total_chambres" et non sur le résultat de "somme" qui est le résultat du calcul automatique.
Donc je cherche un solution pour afficher automatiquement le total pour toutes la chambres quand on entre le nombre de chambres.
En tout cas merci pour vos réponses et surtout pour votre patience.

[vermine]

C'est étrange car vous avez déjà un exemple dans votre fonction calculTch(). Comme j'ai essayé de vous le dire, dans votre fonction sum_elements(), vous devez remplacer la dernière ligne :

Code :

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

result.value = somme;

par :

Code :

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

document.getElementById("formulaire").elements["total_chambres"].value = somme;

[theo63]

Oui, nous avions compris, mais le calcul se fait sur $total_chambres,c'est à dire sur la valeur enregistrée dans la BD.
Si on modifie cette somme sur le formulaire sans enregistrer le calcul ne se fait pas sur cette nouvelle somme.
C'est pour cette raison que nous pensions utiliser le résultat "somme" de la fonction plutôt que $total_chambres.

C'est également pour cette raison que nous avons essayé de récupérer la variable javascript en php. Mais nous n'y somme pas arrivé.

[vermine]

Je n'ai toujours pas compris.

Si vous faites une alert sur la variable somme avant de quitter la fonction, vous obtenez le résultat que vous escomptiez ?

Si oui, ce résultat, que désirez-vous en faire ? Le mettre dans un champ à l'écran ? Le récupérer du côté serveur (pour éventuellement l'enregistrer en DB) ?

[theo63]

En fait nous voulons multiplier "somme" par le nombre de chambres pour avoir la somme totale et l'enregistrer.

[vermine]

Que contient le champs "total_chambres" alors ?

Car ici :

Code :

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

var total_tchambres= document.getElementById("formulaire").elements["nbre_ch"].value * document.getElementById("formulaire").elements["total_chambres"].value;

vous l'utilisez dans votre produit. Or vous me dites que vous voulez que ce soit le résultat de somme. Donc je vous ai proposé de mettre somme dans ce champ mais apparemment, ce n'est pas ce que vous cherchez.

[theo63]

total_chambres contient "somme" qui est le résultat pour 1 chambre et enregistré sous ce nom. Nous voulons multiplier ce résultat par le nombre de chambres pour avoir le coût total "total_tchambres".

[vermine]

Mais. C'est ce que fait calculTch(). A part peut-être un parsing, si les valeurs sont bonnes, le calcul est fait.

Vérifiez les valeurs avant de les multiplier.
Vérifier le produit avant de le mettre dans "total_tchambres".

[theo63]

Oui, bien sur le calcul se fait mais sur $total_chambres, c'est à dire sur la valeur enregistrée dans la base de donnée et affichée. Le calcul ne se fait pas quand celui-ci est actualisé par la fonction "sum_elements".

Exemple:
total_chambres est à 60 ,
nbre_ch est à 3,
total_tchambres est à 180,
Très bien, j'enregistre.
J'affiche de nouveau le formulaire les champs s'affiche avec ces valeurs.
Si je modifie total_chambres à 80 et nbre_ch à 3, total_tchambres affiche 180 alors que je devrais avoir 240.