Exponentiel négatif sur mobile

**Goltar** · 06/06/2016, 16h16

Bonjour à tous,
Je ne sais pas si je suis au bon endroit, merci de me rediriger si nécessaire.
Je développe une appli hybride en JQM dans celle-ci je doit faire un calcul : ( age^-0,13)
Ce qui donne:

Code :

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

1
2
3
4
5
6
7
8
9
 
var age = 22 ;   /* Here simplified, in reality the result of date calculation */
var K4HF = Math.pow(age, -0.13);
var K4HFB = parseFloat(K4HF);
 
var test = typeof K4HFB;
alert(test);
alert(K4HFB);
alert (K4HFB.toFixed(2))

Dans Safari Desktop
Le premier alert = number
La seconde = 0.6690907894046102
La dernière = 0.67

Exactement ce dont j'ai besoin

Par contre sur mobile (IOS):
Fist alert : number
second : NaN
third : NaN

Quelqu'un voit-il comment je pourrait résoudre ça?

Il semblerait que le problème soit du au fait que l'exponentiel soit négatif car d'autre calculs comme: (105 ^0,48 et 196^0,50) passent sans problème.

D'avance merci

**NoSmoking** · 06/06/2016, 21h05

Bonjour,
pas de réponse à ta question pourquoi cela m...e sur IOS mais une simple interrogation, pourquoi faire un parseFloat ?

Code :

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

1
2
var K4HF = Math.pow(age, -0.13);
var K4HFB = parseFloat(K4HF);

**Goltar** · 07/06/2016, 06h50

Bonjour NoSmoking,
Juste pour m'assurer que ce n'était pas là que ça coinçait !

Parfaitement inutile j'en convient !

**Goltar** · 07/06/2016, 16h48

Ce qui est encore plus curieux c'est que lorsque je met le code dans jsFiddle (voir ici)
Tout fonctionne comme il faut !!!! sur Safari desktop comme sur safari IOS
Grrrrr !
Est que le serveur peut-être mis en cause? (config)

**Goltar** · 08/06/2016, 15h57

Il semblerait que mon problème ne soit pas lié à l'exponentiel mais plutôt au fait que (safari IOS) n'aime pas beaucoup le calcul de mon age et que son résultat ne soit pas considéré comme un nombre.

je le calcule de la façon suivante:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
/*Date du jour (today)*/
    var d = new Date();
    var y = d.getFullYear();
    var m = d.getMonth();
    var j = d.getDate();
/*Je récupère la date de naissance dans ma db  elle est au format   (01/11/1958) */
/* et je la décompose */
/* appel db et compagnie ...  */
var DateNaiss = row.DateNaiss;
                    var N_date = DateNaiss.split("/"); // Split de la date
                    var JN = N_date[0];            // valeur du jour
                    var MN = N_date[1];            // valeur du mois
                    var AN = N_date[2];           // valeur de l'année 
                    var age = (y - AN);
                    age = MN > m ? parseInt(age - 1) : parseInt(age);

si j'essaie de l'appliquer et de l'afficher a ce niveau sur SAFARI desktop pas de problème! -> 57
sur safari de l'Iphone (NaN)

scrogneugneu ! Deux jours sur ce problème sans trouver d'issue ! HELP !

**NoSmoking** · 08/06/2016, 17h56

Attention à ton type de donnée avant de faire des opérations dessus, var age = (y - AN), y est de type number alors que AN est de type string, le mieux serait quand même de ne faire l’opération que sur des nombres.

Donc

Code :

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

1
2
3
4
var N_date = DateNaiss.split("/"); // Split de la date
var JN = parseInt(N_date[0], 10);            // valeur du jour
var MN = parseInt(N_date[1], 10);            // valeur du mois
var AN = parseInt(N_date[2], 10);           // valeur de l'année

**Goltar** · 09/06/2016, 07h50

Merci ! Corrigé, mais ça ne résout pas mon problème ! snif !

**NoSmoking** · 09/06/2016, 09h44

Peut être en remontant à l'origine du problème, à tester :

Code :

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

1
2
3
4
5
var d = new Date();
console.log( d);
console.log( d.toString());
// et pour test
console.log( Date.now());

que t'annonce la console.

**Goltar** · 09/06/2016, 10h43

Dans la console:

Thu Jun 09 2016 10:37:57 GMT+0200 (CEST)
Thu Jun 09 2016 10:37:57 GMT+0200 (CEST)
1465461477201

**Goltar** · 09/06/2016, 10h51

Ce qui est déroutant, c'est qu'aucune erreur ne soit levée. Que tout ce passe normalement sur safari desktop.
Mais que safari sur iPhone ou Ipad il s'obstine a considérer cette valeur comme NaN même si un typeof me répond "number"

Peut-être que je ne vois plus très clair à force de triturer le tout dans tout les sens.
Je met ma fonction ici, peut-être qu'un regard neuf y verra une faute grosse comme une maison.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
 
function CaloriesAffPage()
{
    var sqlLireProfil = "SELECT Sexe,Taille,Poids,DateNaiss FROM T_Profil WHERE ID = 1";
    var d = new Date();
    console.log(d);
    console.log(d.toString());
// et pour test
    console.log(Date.now());
    var y = d.getFullYear();
    var m = d.getMonth();
    var j = d.getDate();
    /* Constantes*/
    var check = "<i class='fa fa-check'></i>";
    var FormuleFemme = "Kcal =[0,963 x Poids<sup>0,48</sup> x Taille<sup>0,50</sup> x Age<sup>-0,13</sup>] x (1000/4,1855)";
    var FormuleHomme = "Kcal =[1,083 x Poids<sup>0,48</sup> x Taille<sup>0,50</sup> x Age<sup>-0,13</sup>] x (1000/4,1855)";
    var K1H = 1.083;
    var K1F = 0.963;
    var ActSed = 1.375;
    var ActAL = 1.56;
    var ActAM = 1.64;
    var ActAI = 1.82;
    var CooAge = -0.13;
    var CooTaille = 0.5;
    var CooPoids = 0.48;
    var manquant = "Manquant";
    /* !Constantes */
    db.transaction(function (tx)
    {
        tx.executeSql(sqlLireProfil, undefined, function (tx, result)
        {
            if (result.rows.length)
            {
                for (var i = 0; i < result.rows.length; i++)
                {
                    var row = result.rows.item(i);
                    var Sexe = row.Sexe;
                    var Taille = row.Taille;
                    ProfilPoids = row.Poids; /* ProfilPoids = variable globale */
                    var DateNaiss = row.DateNaiss;
                    var N_date = DateNaiss.split("/"); // Split de la date
                    var JN = parseInt(N_date[0], 10);            // valeur du jour
                    var MN = parseInt(N_date[1], 10);            // valeur du mois
                    var AN = parseInt(N_date[2], 10);           // valeur de l'année
//                    var age = (y - AN);
                    var age = MN > m ? (y - AN) - 1 : (y - AN);
                    Taille = Taille > 100 ? Taille / 100 : Taille;
                    /********************* Formules ***************************/
 
                    if ((Sexe === "") || (Sexe === undefined) || (DateNaiss === "") || (DateNaiss === undefined) || (Taille === "") || (Taille === undefined) || (ProfilPoids === "") || (ProfilPoids === undefined))
                    {
                        $("#MessCalBasalGood").hide();
                        $("#MessCalBasalBad").show();
                        if (Sexe !== "")
                        {
                            $("#Col_Sexe").text(Sexe);
                            $("#status_Sexe").html(check);
                            $("#status_Sexe").css("color", "green");
                        } else
                        {
                            $("#Col_Sexe").text(manquant);
                            $("#status_Sexe").text("x");
                            $("#status_Sexe").css("color", "red");
                        }
                        if (DateNaiss !== "")
                        {
                            $("#Col_Age").text(age);
                            $("#status_Age").html(check);
                            $("#status_Age").css("color", "green");
                        } else
                        {
                            $("#Col_Age").text(manquant);
                            $("#status_Age").text("x");
                            $("#status_Age").css("color", "red");
                        }
                        if (Taille !== "")
                        {
                            $("#Col_Taille").text(Taille);
                            $("#status_Taille").html(check);
                            $("#status_Taille").css("color", "green");
                        } else
                        {
                            $("#Col_Taille").text(manquant);
                            $("#status_Taille").text("x");
                            $("#status_Taille").css("color", "red");
                        }
                        if (ProfilPoids !== "")
                        {
                            $("#Col_Poids").text(Poids);
                            $("#status_Poids").html(check);
                            $("#status_Poids").css("color", "green");
                        } else
                        {
                            $("#Col_Poids").text(manquant);
                            $("#status_Poids").text("x");
                            $("#status_Poids").css("color", "red");
                        }
                    } else
                    {
                        $("#MessCalBasalBad").hide();
                        $("#MessCalBasalGood").show();
 
                        var K2HF = Math.pow(ProfilPoids, CooPoids);
                        var K3HF = Math.pow(Taille, CooTaille);
                        var K4HF = Math.pow(age, CooAge);
                        var K4HF3 = Math.round(K4HF * 100) / 100;
                        var K2HF2 = Math.round(K2HF * 100) / 100;
 
                        var K4HF2 = parseFloat((K4HF).toFixed(2));
                        alert("K4HF3 = " + typeof K4HF3);
                        var K5HF = (1000 / 4.1855);
                        var K5HF2 = Math.round(K5HF * 100) / 100;
                        var KcalH = ((K1H * K2HF * K3HF * K4HF) * K5HF);
                        var KcalF = ((K1F * K2HF * K3HF * K4HF) * K5HF);
                        var KcalH2 = Math.round(KcalH * 100) / 100;
                        var KcalF2 = Math.round(KcalF * 100) / 100;
                        var NbCalHActSed = KcalH * ActSed;
                        var NBCalHActAL = KcalH * ActAL;
                        var NBCalHActAM = KcalH * ActAM;
                        var NBCalHActAI = KcalH * ActAI;
                        var NbCalFActSed = KcalF * ActSed;
                        var NBCalFActAL = KcalF * ActAL;
                        var NBCalFActAM = KcalF * ActAM;
                        var NBCalFActAI = KcalF * ActAI;
                        var FormResultH = "(" + K1H + " x " + K2HF2 + " x " + K3HF + " x " + K4HF3 + ") x " + K5HF2 + " = <div class='KCalHBasal'> " + KcalH2 + " kcal.</div>";
                        var FormResultF = "(" + K1F + " x " + K2HF2 + " x " + K3HF + " x " + K4HF3 + ") x " + K5HF2 + " = <div class='KCalHBasal'> " + KcalF2 + " kcal.</div>";
                        /**********************************************************/
                        alert("K4HF3 = " + typeof K4HF3);
                        alert("K4HF3 = " + K4HF3);
 
                        if (Sexe === "Homme")
                        {
//                            $("#test").text(age);
                            $("#PFormuleBlackAl").html(FormuleHomme);
                            $("#PFormuleResult").html(FormResultH);
                            $("#Td_CalPS").html(KcalH2 + " x " + ActSed + " =");
                            $("#Td_ResultPS").html(NbCalHActSed.toFixed(2) + " kcal.");
                            $("#Td_CalAL").html(KcalH2 + " x " + ActAL + " =");
                            $("#Td_ResultAL").html(NBCalHActAL.toFixed(2) + " kcal.");
                            $("#Td_CalAM").html(KcalH2 + " x " + ActAM + " =");
                            $("#Td_ResultAM").html(NBCalHActAM.toFixed(2) + " kcal.");
                            $("#Td_CalAI").html(KcalH2 + " x " + ActAI + " =");
                            $("#Td_ResultAI").html(NBCalHActAI.toFixed(2) + " kcal.");
                        } else
                        {
//                            $("#test").text(age);
                            $("#PFormuleBlackAl").html(FormuleFemme);
                            $("#PFormuleResult").html(FormResultF);
                            $("#Td_CalPS").html(KcalF2 + " x " + ActSed + " =");
                            $("#Td_ResultPS").html(NbCalFActSed.toFixed(2) + " kcal.");
                            $("#Td_CalAL").html(KcalF2 + " x " + ActAL + " =");
                            $("#Td_ResultAL").html(NBCalFActAL.toFixed(2) + " kcal.");
                            $("#Td_CalAM").html(KcalF2 + " x " + ActAM + " =");
                            $("#Td_ResultAM").html(NBCalFActAM.toFixed(2) + " kcal.");
                            $("#Td_CalAI").html(KcalF2 + " x " + ActAI + " =");
                            $("#Td_ResultAI").html(NBCalFActAI.toFixed(2) + " kcal.");
                        }
                    }
                }
            } else
            {
                console.log("Profil inexistant");
                $("#MessCalBasalGood").hide();
                $("#MessCalBasalBad").show();
                $("#Col_Sexe").text(manquant);
                $("#status_Sexe").text("x");
                $("#status_Sexe").css("color", "red");
                $("#Col_Age").text(manquant);
                $("#status_Age").text("x");
                $("#status_Age").css("color", "red");
                $("#Col_Taille").text(manquant);
                $("#status_Taille").text("x");
                $("#status_Taille").css("color", "red");
                $("#Col_Poids").text(manquant);
                $("#status_Poids").text("x");
                $("#status_Poids").css("color", "red");
            }
        });
    }, erreur_bd);
    if (ProfilPoids)
    {
        $("#TitreListeActivites").show();
        var sqlLireCalories = "SELECT * FROM T_Calories ORDER BY Type ASC, Description ASC";
        db.transaction(function (tx)
        {
            tx.executeSql(sqlLireCalories, undefined, function (tx, result)
            {
                $('#CollCalo').html("");
                var TypePrecedent;
                var htmlCol = "";
                if (result.rows.length)
                {
                    for (var i = 0; i < result.rows.length; i++)
                    {
                        var row = result.rows.item(i);
                        var Id = row.id;
                        var type = row.Type;
                        var Desc = row.Description;
                        switch (true) {
                            case (i === 0):
                                htmlCol +=
                                        "<div data-role='collapsible' " +
                                        "     data-theme='c' data-mini='true' data-inset='true'" +
                                        "     data-collapsed-icon='carat-d' " +
                                        "     data-expanded-icon ='carat-u' " +
                                        "     data-collapsed=true data-iconpos='right'> " +
                                        "    <h3>" + type + "</h3>" +
                                        "      <ul data-role='listview' " +
                                        "      id='listCa' data-mini='true' " +
                                        "      data-inset='true' data-filter='true'>" +
                                        "        <li><a href='#' id='aLiCal' data-CaloId='" + Id +
                                        "' data-rel='popup'>" + Desc + "</a></li>";
                                TypePrecedent = type;
                                break;
                            case ((i > 0) && (type !== TypePrecedent)):
                                htmlCol +=
                                        "</ul>" +
                                        "</div>" +
                                        "<div data-role='collapsible' " +
                                        "     data-theme='c' data-mini='true' data-inset='true'" +
                                        "data-collapsed-icon='carat-d' " +
                                        "data-expanded-icon ='arrow-u' " +
                                        "data-collapsed=true data-iconpos='right'> " +
                                        "<h3>" + type + "</h3>" +
                                        "<ul data-role='listview' " +
                                        "id='listCa' data-mini='true' " +
                                        "data-inset='true' data-filter='true'>" +
                                        "<li><a href='#' id='aLiCal' data-CaloId='" + Id +
                                        "' data-rel='popup'>" + Desc + "</a></li>";
                                TypePrecedent = type;
                                break;
                            default:
                                htmlCol += "<li><a href='#' id='aLiCal' data-CaloId='" + Id + "'" +
                                        "data-rel='popup'>" + Desc + "</a></li>";
                                TypePrecedent = type;
                                break;
                        }
                    }
                } else
                {
                    console.log("Table Calories vide");
                }
                $(htmlCol).appendTo("#CollCalo");
                $("#CollCalo").enhanceWithin();
            }, erreur_bd);
        });
    } else
    {
        $("#TitreListeActivites").hide();
    }
    $(":mobile-pagecontainer").pagecontainer("change", "#P_Calories", {transition: "flip"});

Affichage sur safari desktop :
Nom : Desktop.png
Affichages : 93
Taille : 30,6 Ko

sur iPhone
Nom : Iphone.png
Affichages : 93
Taille : 28,7 Ko

**NoSmoking** · 09/06/2016, 12h56

Si l'on considère

Code :

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

1
2
var d = new Date();
console.log(d);

et le résultat obtenu Thu Jun 09 2016 10:37:57 GMT+0200 (CEST), il semblerait que le retour de leur constructeur Date soit bogué, tu aurais du avoir en retour un objet Date.

Comme par ailleurs avec console.log(Date.now()) tu reçois une réponse cohérente, j'essaierais de faire un

Code :

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

1
2
3
var y = new Date().getFullYear();
var m = new Date().getMonth();
var j = new Date().getDate();

sans passer par une variable.

[EDIT] correction coquilles dans code

**Goltar** · 09/06/2016, 13h49

Ca déclenche une erreur : TypeError: undefined is not a constructor (evaluating 'new Date.getFullYear()')

loops ok vu et corrigé

Code :

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

1
2
3
4
 
var y = new Date().getFullYear();
var m = new Date().getMonth();
var j = new Date().getDate();

Mais ça ne résout malheureusement toujours pas mon problème (dis-t'il en s'arrachant sa dernière touffe de cheveux) !

**NoSmoking** · 09/06/2016, 14h39

pas mal de coquilles.

Pourrais tu nous dire ce que renvoie la console IOS pour y, m et j pour voir si le problème vient bien du constructeur Date.

Un autre essai éventuel à faire en forçant un paramètre

Code :

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

1
2
var d = new Date( Date.now());
console.log(d);

Sinon il reste la possibilité de passer par une bibliothèque tiers comme moment.js si le problème venait bien de là.

PS : Je corrige mes aneries de saisie

**Goltar** · 09/06/2016, 16h02

IOS donne bien les valeurs attendues (2016) (5) (9) et tout les 3 de type (number) et d= Thu Jun 09 2016 10:37:57 GMT+0200 (CEST)

par contre le résultat de ma ternaire : var age = MN > m ? (y - AN) - 1 : (y - AN);
ne passe pas et donne NaN sur IOS
l'age sur desktop.

Même en forçant un peu son type par : var fromage = Math.round(age * 100) / 100;

**NoSmoking** · 09/06/2016, 19h51

Si je récapitule sous IOS

Code :

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

var d = new Date();

ne renvoie pas un objet Date mais une string comme si l'on faisait un simple

Code :

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

var d = Date();

par contre le

Code :

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

1
2
3
var y = new Date().getFullYear();
var m = new Date().getMonth();
var j = new Date().getDate();

renvoient bien des valeurs de type number.

Nota au passage les moins commencent à 0, ce qui pourrait fausser ton calcul de l'age.

Tu as identifié que var age = MN > m ? (y - AN) - 1 : (y - AN) te retourne un superbe NaN et là je ne voie pas pourquoi, attendu que toutes les variables sont de type number !

Ce que je peux te proposer c'est d'essayer ce simple code

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
//
var y = new Date().getFullYear();
var m = new Date().getMonth() +1;
var j = new Date().getDate();
//
var N_date = '01/11/1958'.split("/"); // Split de la date
var JN = parseInt(N_date[0], 10);            // valeur du jour
var MN = parseInt(N_date[1], 10);            // valeur du mois
var AN = parseInt(N_date[2], 10);           // valeur de l'année
 
var age = MN > m ? (y - AN) - 1 : (y - AN);
console.log( age);

PS : Navré pas les moyens de tester.

**Goltar** · 10/06/2016, 10h26

Rien à faire, il semblerait que se soit bien un bug safari mobile.

je recherche un moyen de contourner le problème, peut-être en me basant sur Date.now(). puisque sa valeur semble correcte.
le tout sera de transformer ma DateNaiss au même format afin de pouvoir la soustraire et de transformer le résultat en années.

et contourner le fait que méthode now() renvoie le nombre de millisecondes écoulées depuis le 1er Janvier 1970 00:00:00 UTC

**Goltar** · 10/06/2016, 11h16

Problème résolu en faisant :

Code :

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

1
2
3
4
5
6
var birth = new Date(DateNaiss);
var check = new Date();
var milliDay = 1000 * 60 * 60 * 24; // a day in milliseconds;
var ageInDays = (check - birth) / milliDay;
var ageInYears = Math.floor(ageInDays / 365);
var age = ageInDays / 365;

**NoSmoking** · 10/06/2016, 15h32

Certes la solution est « acceptable », seulement ce que je ne comprends pas c'est qu'il semblerait que new Date() fonctionne bien, contrairement à ce que l'on pensait, puisque tu utilises dans ton code var check = new Date().

Il serait quand même intéressant de connaitre la source de ce NaN, peut être l'opérateur (ternaire) conditionnel.

Il serait peut être intéressant de faire ce simple test

Code :

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

1
2
3
4
5
6
var age = y - AN;
console.log( age);
if( MN > m){
  age--;
}
console.log( age);

Exponentiel négatif sur mobile

JavaScript

Discussions similaires

Partager

Partager