Operateur et PHP

Résolu/Fermé
balbeur Messages postés 30 Date d'inscription mercredi 14 septembre 2005 Statut Membre Dernière intervention 15 avril 2011 - 16 avril 2008 à 16:41
balbeur Messages postés 30 Date d'inscription mercredi 14 septembre 2005 Statut Membre Dernière intervention 15 avril 2011 - 23 avril 2008 à 11:08
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
16 avril 2008 à 17:00
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 mercredi 14 septembre 2005 Statut Membre Dernière intervention 15 avril 2011
16 avril 2008 à 17:03
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
16 avril 2008 à 17:05
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 mercredi 14 septembre 2005 Statut Membre Dernière intervention 15 avril 2011
16 avril 2008 à 17:06
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 mercredi 14 septembre 2005 Statut Membre Dernière intervention 15 avril 2011
16 avril 2008 à 17:45
Ok ca marche merci
0
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
17 avril 2008 à 15:43
Donne moi le code avec la déclaration des variables total et total 2 stp pour que je puisse tout vérifier ;-)
0
<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
17 avril 2008 à 17:44
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
Ben non ca fonctionne pas !
0
Utilisateur anonyme
17 avril 2008 à 17:49
J'ai modifié mon post précédent ;-)
0
Je n'arrive pas a recuperer mes variable $total pour les aditionner
0
Utilisateur anonyme
17 avril 2008 à 17:53
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
Non ca n'as pas l'air,
quand je clique sur "calculer" ca me marque erreur sur la page
0
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
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 mercredi 14 septembre 2005 Statut Membre Dernière intervention 15 avril 2011
18 avril 2008 à 09:20
Zut j'ai oublié de noter probleme non resolu.......céline Ha tete de linotte
0
Utilisateur anonyme
21 avril 2008 à 13:25
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
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
21 avril 2008 à 16:09
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