Operateur et PHP

Résolu
balbeur Messages postés 30 Date d'inscription   Statut Membre Dernière intervention   -  
balbeur Messages postés 30 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'ai un petit soucis dans mon code php, qui va etre banale, je pense pour vous

J'ai fais un tableau et je voudrais que s'affiche automatiquement le resultat d'une operation
de multiplication dans une cellule

Voila le code

<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="design" id="design" size="50" maxlength="48">
</span></td>
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="nombre" id="nombre" size="10" maxlength="2">
</span></td>
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="prix" id="prix" size="10" maxlength="5">
</span></td>
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="total" id="total" size="10" maxlength="5">
<?php
$total = $prix*$nombre;
echo $total;
?>
</span></td>

Je multiplie donc prix par nombre et je voudrais que ca s'affiche dans total,
mais hélas apres 2 heures de recherche sur le web, pas moyen de trouver

Pouvez vous m'aider s'il vous plait, merci...Céline

34 réponses

Utilisateur anonyme
 
Tu peux réaliser ton calcul avec l'utilisation de javascript comme suit :
<HTML>
<HEAD>
<SCRIPT language="Javascript">
<!--

function CalculerTotal() {
	var nombre = document.getElementById('nombre').value;
	var prix = document.getElementById('prix').value;

	var total;

	if(!isNaN(nombre) && !isNaN(prix))
		total = nombre * prix;
	else
		total = 'Merci de saisir des nombres';
	document.getElementById('total').value = total;
}

//-->
</SCRIPT>
</HEAD>
<BODY>
<table>
<tr>
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="design" id="design" size="50" maxlength="48">
</span></td>
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="nombre" id="nombre" size="10" maxlength="2">
</span></td>
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="prix" id="prix" size="10" maxlength="5">
</span></td>
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="total" id="total" size="5" maxlength="5">
</span></td>
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="calculer" id="calculer" type="button" onclick="CalculerTotal();" value="Calculer"/>
</span></td>
</BODY>
</HTML>


Avec Php cela serait plus compliqué ;-)
0
balbeur Messages postés 30 Date d'inscription   Statut Membre Dernière intervention  
 
Merci pour ta réponse mais est ce que je peux mélanger du javascript sanchant qu'il y a déja du php dedans, ca ne va pas mettre le "bazar" en plus du html ?
0
Utilisateur anonyme
 
Non pas de souci. Il suffit juste de rajouter la fonction javascript dans la partie <head></head> de ton html.
0
balbeur Messages postés 30 Date d'inscription   Statut Membre Dernière intervention  
 
Bon eh bien je vais essayé, je vous tiens au courant Merci
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
balbeur Messages postés 30 Date d'inscription   Statut Membre Dernière intervention  
 
Ok ca marche merci
0
balbeur
 
Bonjour

Le code marche a merveille !
J'aurais souhaité aditionner les variables defini plus haut , j'ai donc fais


<tr><SCRIPT language="Javascript">
<!--

function CalculerTotal1000() {

if(!isNaN(total) && !isNaN(total2))
total1000 = total + total2;
else
total1000 = 'Merci de saisir des nombres';
document.getElementById('total1000').value = total1000;
}

//-->
</SCRIPT>
<div align="center"><br>
Montant total de votre commande <span class="Style4">
<input name="total1000" id="total1000" size="10" maxlength="5">
</span> €
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="Calculertotal1000" id="Calculertotal10" size="50" type="button" onclick="CalculerTotal1000();" value="Calculer"/>
</span></td>


Mais apparemment ca ne marche pas, voyez vous une erreur.
Faut il encore redefinir des variables, alors qu'elle sont déja utilisé plus haut ?
0
Utilisateur anonyme
 
Donne moi le code avec la déclaration des variables total et total 2 stp pour que je puisse tout vérifier ;-)
0
balbeur
 
<tr><SCRIPT language="Javascript">
<!--

function CalculerTotal() {
var nombre = document.getElementById('nombre').value;
var prix = document.getElementById('prix').value;

var total;

if(!isNaN(nombre) && !isNaN(prix))
total = nombre * prix;
else
total = 'Merci de saisir des nombres';
document.getElementById('total').value = total;
}

//-->
</SCRIPT>

<td style="text-align: center; vertical-align: top;"><span class="Style4"><input name="commande" id="commande" size="10" maxlength="6"></span></td>
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="design" id="design" size="50" maxlength="48">
</span></td>
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="nombre" id="nombre" size="10" maxlength="2">
</span></td>
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="prix" id="prix" size="10" maxlength="5">
</span></td>
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="total" id="total" size="10" maxlength="5">
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="calculer" id="calculer" size="50" type="button" onClick="CalculerTotal();" value="Calculer"/>
</span></td>



et........


<tr><SCRIPT language="Javascript">
<!--

function CalculerTotal2() {
var nombre2 = document.getElementById('nombre2').value;
var prix2 = document.getElementById('prix2').value;

var total2;

if(!isNaN(nombre2) && !isNaN(prix2))
total2 = nombre2 * prix2;
else
total2 = 'Merci de saisir des nombres';
document.getElementById('total2').value = total2;
}

//-->
</SCRIPT>
<td style="text-align: center; vertical-align: top;"><span class="Style4"><input name="commande2" id="commande2" size="10" maxlength="6">
</span></td>
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="design2" id="design2" size="50" maxlength="48">
</span></td>
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="nombre2" id="nombre2" size="10" maxlength="2">
</span></td>
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="prix2" id="prix2" size="10" maxlength="5">
</span></td>
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="total2" id="total2" size="10" maxlength="5">
</span></td>
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="calculer2" id="calculer2" size="50" type="button" onClick="CalculerTotal2();" value="Calculer"/>
</span></td>



Merci... Céline
0
Utilisateur anonyme
 
Arff tu as oublié de récupérer les valeurs des variables :
function CalculerTotal1000() {

     var total = document.getElementById('total');
     var total2 = document.getElementById('total2');

     if(!isNaN(total) && !isNaN(total2))
          total1000 = total + total2;
     else
         total1000 = 'Merci de saisir des nombres';
     document.getElementById('total1000').value = total1000;
}
Ça devrait marcher maintenant ;-)
0
balbeur
 
Ben non ca fonctionne pas !
0
Utilisateur anonyme
 
J'ai modifié mon post précédent ;-)
0
balbeur
 
Je n'arrive pas a recuperer mes variable $total pour les aditionner
0
Utilisateur anonyme
 
Essaye le code suivant :
function CalculerTotal1000() {

     var total = document.getElementById('total');
     var total2 = document.getElementById('total2');

     if(!isNaN(total) && !isNaN(total2))
          total1000 = total + total2;
     else
         total1000 = 'Merci de saisir des nombres';
     document.getElementById('total1000').value = total1000;
}
0
balbeur
 
Non ca n'as pas l'air,
quand je clique sur "calculer" ca me marque erreur sur la page
0
balbeur
 
J'ai beau verifier et re-vérifier, ca ne veux pas calculer mes champs total.


Céline

Peut etre serais ce plus facile de le faire en php ??
0
balbeur
 
Bonjour

En faite , je croyais que le code marchait, mais il ne fonctionne pas avec les nombres a virgule !

Donc si quelqu'un a une iddée pour que ca fonctionne je suis preneuse !

<HTML>
<HEAD>
<SCRIPT language="Javascript">
<!--

function CalculerTotal() {
var nombre = document.getElementById('nombre').value;
var prix = document.getElementById('prix').value;

var total;

if(!isNaN(nombre) && !isNaN(prix))
total = nombre * prix;
else
total = 'Merci de saisir des nombres';
document.getElementById('total').value = total;
}

//-->
</SCRIPT>
</HEAD>
<BODY>
<table>
<tr>
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="design" id="design" size="50" maxlength="48">
</span></td>
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="nombre" id="nombre" size="10" maxlength="2">
</span></td>
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="prix" id="prix" size="10" maxlength="5">
</span></td>
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="total" id="total" size="5" maxlength="5">
</span></td>
<td style="text-align: center; vertical-align: top;"><span class="Style4">
<input name="calculer" id="calculer" size="50" type="button" onclick="CalculerTotal();" value="Calculer"/>
</span></td>
</BODY>
</HTML>


Idem pour mon probleme d'addition des totals, qui ne fonctionne pas !

Je connais pas grand chose en informatique, mais je suis eleve infirmiere, alors si vous avez des piqures a faire , amenez vos fe.....


Merci

Céline
0
balbeur Messages postés 30 Date d'inscription   Statut Membre Dernière intervention  
 
Zut j'ai oublié de noter probleme non resolu.......céline Ha tete de linotte
0
Utilisateur anonyme
 
Ce script marche correctement pour les nombres à virgules. Seulement il faut saisir tes valeurs avec le séparateur "."

En ce qui concerne ton erreur que tu obtiens donne moi le texte exact stp.
0
balbeur
 
Bonjour Tassin

Tu as effectivement raison concernant le séparateur, il faut bien que ce soit un point.

Lors du calcul d'un nombre a virgule, il me met un resultat a rallonge
exemple 3 x 3.96 resultat 11.879999999999999

et lors d'un calcul de tout les totaux, il me met "Merci de saisir des nombres"
alors que tout et bien rempli.
J'ai essayé de me renseigner et de chercher, mais je n'y comprend rien,
je connais a peine le PHP alors le JS....

Merci pour aide...

Céline
0
Utilisateur anonyme
 
Essaye de voir ce si il arrive bien à récupérer les valeurs, pour ce faire change la fonction javascript comme suit :
function CalculerTotal1000() {

     var total = document.getElementById('total');
     var total2 = document.getElementById('total2');
     
     alert('total = '+total);
     alert('total2 = '+total2);

     if(!isNaN(total) && !isNaN(total2))
          total1000 = total + total2;
     else
         total1000 = 'Merci de saisir des nombres';
     document.getElementById('total1000').value = total1000;
}
0