Problème calculs js

Version imprimable

Problème calculs js

Bonjour à tous, voici mon soucis :

Je veux calculer une valeur à partir de deux champs input dans un formulaire, le calcul s'effectue bien au premier passage mais en cas d'erreurs et de réaffichage du formulaire, le résultat devient "NaN".

Voici le code de ma fonction de calcul :
Code:

1 2 3 4 5 function operation(val1, val2) { var val3 = (val1 / val2) * 100 ; return val3 ; }
Et le code qui déclenche l'opération :
Code:

1 2 3 4 5 6 7 8 9 10 11 if (!isset($_POST['CaTotal'])) { $valeur = isset($_REQUEST['CaTotal']) ? $_REQUEST['CaTotal'] : ''; echo "<input class='ratioTitreCa' onBlur='document.monform.ratio.value = operation(document.monform.CaTotal.value,document.monform.CaTotal2.value)' type='text' name='CaTotal' value='$valeur' tabindex='10' >"; } else { $valeur = isset($_REQUEST['CaTotal']) ? $_REQUEST['CaTotal'] : ''; echo "<input class='ratioTitreCa' onBlur='document.monform.ratio.value = operation(document.monform.CaTotal.value,document.monform.CaTotal2.value)' type='text' name='CaTotal' value='$valeur' tabindex='10'>"; }
Merci d'avance pour votre aide :wink:

normal il te faut ajouter des tests sur les valuers avant de faire les calculs ...

Code:

1
2
3
4
5
6
function operation(val1, val2)
{   
 if(val1.length==0 & val2.length=0 | val2==0) {return false;}
   var val3 = (val1 / val2) * 100 ;
                return val3 ;
}

21/02/2006, 10h54
dogi

Bonjour,

je pense que tu n'as pas du comprendre mon problème, le test ne se pose pas car j'ai des valeurs dans mes champs.

Par exemple dans mon champ CaTotal je saisis 10, le champ CaTotal2 à la valeur 10 aussi, le résultat sera donc 100% mais si il y a une erreur dans mon formulaire, je réaffiche la valeur préalablement saisie pour CaTotal (ici 10) ainsi que la valeur de CaTotal2 et à ce moment là le calcul ne marche plus.

Suis je plus clair ?

Je pense qu'il faut lui dire que c'est du numérique que je réaffiche mais je ne vois pas trop comment faire.. :roll:
21/02/2006, 10h57
SpaceFrog

file nous le code javascript sans PHP ...
21/02/2006, 10h58
dogi

Code:

onBlur='document.monform.ratio.value = operation(document.monform.CaTotal.value,document.monform.CaTotal2.value)'
21/02/2006, 11h04
SpaceFrog

oui et avec les inputs ça donne quoi ?

parceque je ne vois pas de CaTotal2 ...
et tes appels d'objets me semblent douteux ...

Citation:

parceque je ne vois pas de CaTotal2 ...

Le CaTotal2 est récuperé dans la BDD.

Voic le code concernant le CaTotal2 :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<? if (isset($siren) AND isset($anneePrecedente) AND isset($mois)) //si le siren, l'annee et le mois sont renseignés
				{
					$caTotal = $identiteEntreprise->recup_Ca("caTotal", $siren, $anneePrecedente, $mois);
					if ($caTotal <> 0) //si il y a un chiffre d'affaire correspondant pour l'annee précédente
					{
					echo "<input class='ratioTitreCa' type='text' name='CaTotal2' size='10' maxlength='10' value='$caTotal' >" ;
					}
					else 
					{
						$val = 1;
						echo "<input type='hidden' name='CaTotal2' value='$val'>" ;
						echo "-" ;
					}
				}
				else
				{
					$valeurCaTotPrec = isset($_REQUEST['CaTotal2']) ? $_REQUEST['CaTotal2'] : '';
					echo "<input class='ratioTitreCa' type='text' name='CaTotal2' size='10' maxlength='10' value='$valeurCaTotPrec' >" ;
					echo "<input type='hidden' name='CaTotal2' value='$valeurCaTotPrec'>" ;
 
				}
			?>

Voici le code pour le CaTotal :

Code:

<input class='ratioTitreCa' onBlur='document.monform.ratio.value = operation(document.monform.CaTotal.value,document.monform.CaTotal2.value)' type='text' name='CaTotal' value='$valeur' tabindex='10' >

Citation:

et tes appels d'objets me semblent douteux ...

Si tu pouvais être plus clair ça m'aiderai beaucoup..

21/02/2006, 11h27
SpaceFrog

encore une fois ici c'est un forum javascript pas php ...

peux tu nous mettre le code sans php ...

enfin juste le html généré par ton php ...

tu as deux fois name=CaTotal sur la page non ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type='text/javascript'>
function operation(val1, val2) 
{    
   var val3 = (Number(val1) /Number( val2)) * 100 ;
                return val3 ;
}
</script>
<form name="monform">
<input class='ratioTitreCa' onBlur='document.monform.ratio.value =operation(document.monform.CaTotal[0].value,document.monform.CaTotal2.value)' type='text' name='CaTotal' value='10' tabindex='10' />
<input class='ratioTitreCa' onBlur='document.monform.ratio.value = operation(document.monform.CaTotal[1].value,document.monform.CaTotal2.value)' type='text' name='CaTotal' value='5' tabindex='10' />
<input class='ratioTitreCa' type='text' name='CaTotal2' size='10' maxlength='10' value='12' />
<input type='text' name='ratio' />
</form>

21/02/2006, 11h34
dogi

Peut être que c'est un problème Php et Js donc n'ayant pas vu de section commune, je te met tout le code susceptible d'être erroné, et je ne pense pas que le code soit si difficile à comprendre même s'il comporte un peu de php.

Code:

"<input class='ratioTitreCa' type='text' name='CaTotal2' size='10' maxlength='10' value='$caTotal' >

Je ne vois pas en quoi ca va pouvoir t'aider mais bon si tu y tiens :P
21/02/2006, 11h37
dogi

Citation:

Envoyé par SpaceFrog

tu as deux fois name=CaTotal sur la page non ?

Si tu regardes le php justement, tu vois que je gère deux cas possibles (si le CA est défini et si il n'est pas défini)
Donc à l'arrivée il n'y aura qu'un input portant le nom CaTotal
21/02/2006, 11h42
SpaceFrog

le problème vient certainement du php et du renseignement des values...
car j'ai beau tourner le bout de code que je t'ai donné dans tous les sens je n'ai aucun problème d'erreur !
21/02/2006, 13h43
dogi

Citation:

le problème vient certainement du php et du renseignement des values...
car j'ai beau tourner le bout de code que je t'ai donné dans tous les sens je n'ai aucun problème d'erreur !

Ok pas grave, merci quand même de m'avoir consacré un peu de temps.