Discussion :

[Goltar]

Bonjour à tous,
Je cherche à comprendre pourquoi bien que fonctionnant parfaitement sur (Safari desktop et sur Safari iPhone) mon appli ne fonctionne plus correctement lorsqu'elle est placée sur l'écran d'accueil de mon iPhone. (Dans safari, bouton + Sur l'écran d'accueil).

Extrait de mon code:

Code :

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

1
2
3
4
5
6
7
8
9
 
var Cal  = 101;    /* Valeur normalement populée par ma db */
var G_DepEnerg = 2938.52;
var PcCal = (Cal / (G_DepEnerg / 100));
/* Utilisation de la fonction Math.round10 : https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Math/round */
var NumPCal = Math.round10(PcCal, -1);  
var TxtNumPCal = (NumPCal + "%");
$("#ValCalPc").html(TxtNumPCal);
var PcCalComplet = "<span style='width:" + NumPCal + "%;'></span>";

Ce qui me donne le résultat désiré sur (Safari Desktop et sur Safari IPhone):

Par contre lorsque j'ajoute l'appli sur l'écran d'accueil depuis Safari iPhone (bouton + Sur écran d'accueil) et que je lance l'appli j'obtient:

????
Quelqu'un voit-il d'ou vient le problème? Pour ma part je nage dans la panade !
Si je fais un typeof de la variable elle est bien du type number

Merci d'avance

[NoSmoking]

Bonjour,
elle est définie où ta méthode round10, pourquoi ne pas utiliser simplement PcCal.toFixed(1), beaucoup plus light ?

[Goltar]

Bonjour NoSmoking,
en effet elle plus light, c'est ce que j'utilisais de base, mais à force de recherche pour résoudre mon problème j'en suis venu à utiliser celle-ci:
https://developer.mozilla.org/fr/doc...aux/Math/round
qui m'offre d'autres possibilités que j'utilise ailleurs dans mon appli.

Mais en définitive mon problème n'est pas le fait que ce ne soit un numérique ou pas (bien que chaque variable aient été testée dans la console), la question est :
$("#ValCalPc") étant une simple DIV avec une classe .ui-block-a dans laquelle je n'essaie qu'afficher une valeur ex:11.5%.
même si je transforme cette valeur en texte par:

Code :

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

var AffValeur = TxtNumPCal.toString();

et que j'essaie de l'afficher par:

Code :

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

1
2
3
$("#ValCalPc").html(AffValeur);
/* ou par */
$("#ValCalPc").text(AffValeur);

sur Safari desktop ou iPhone cela fonctionne parfaitement
Mais lorsque j'ajoute l'appli sur l'écran d'accueil de l'iPhone et que je la lance, il s'obstine à afficher NaN à la place de ce texte.
Pourquoi un numérique semble-t'il obligatoire ?

[NoSmoking]

Si tu as un affichage de NaN% c'est qu'à un moment ta variable vaut NaN !
Donc en remontant on a : var TxtNumPCal = (NumPCal + "%") d'où NumPCal doit valoir NaN, est ce le cas ?

... et ainsi de suite en remontant ...

[Goltar]

Non, aucune erreur, j'ai beau remonter aussi haut que je veux chaque variable testée par typeOf donne comme résultat number.

Je rappelle que tout fonctionne parfaitement dans Safari sur desktop ainsi que sur iPhone.

[NoSmoking]

et même quand tu fais un alert(typeof TxtNumPCal) juste avant le $("").html(TxtNumPCal) ?

[Goltar]

Cela me donne "number" dans les trois modes

[NoSmoking]

Le brouillard s’épaissit. Peux tu montrer le morceau de code HTML qui est concerné par l'affichage ?

[Goltar]

Voici

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
 
<div data-role="content">
                    <div class="containerDetAlim">
                        <div class="Espace_5px"></div>
                        <div id="Txt_AlimDesc" class="container_80pc ContBox" ></div>
                        <div id="Cont_IndGly"></div>
                        <div class="Espace_15px"></div>
                        <div id="BlocValeur" class="container_80pc ContBox"> 
                            <div class="ui-grid-a" id="GridValAlim">
                                <div class="ui-block-a" id="Txt_ValeurPour"></div>
                                <div class="ui-block-b" id="Val_ValeurPour"></div> 
                                <div class="ui-block-a" id="ValCal"></div>    
                                <div class="ui-block-b" id="TxtValCal"></div>
                            </div> 
                            <div class="ui-grid-a" id="GridValCal">
                                <div class="ui-block-a" id="ValCalPc"></div>  <!-- DIV CONCERNEE -->   
                                <div class="ui-block-b" id="TxtValCalPc"></div>
                            </div>
                            <div class="meter nostripes" id="Prog_Calories" >
                                <span id="spanMeter"></span>
                            </div>
                        </div>
 
                    </div>
                </div>

[NoSmoking]

au temps pour moi, il faut tester non pas le type mais la valeur car typeof NaN est number

[Goltar]

Not a Number est de type Number Si quelqu'un peut m'expliquer ça ???

Le résultat sur Safari des deux côtés me donne la valeur soit 12.1 (j'ai enlevé le % pour être sûr qu'il n'y ai pas confusion) par contre lorsque j'execute l'appli sur iPhone il me donne NaN.

[NoSmoking]

Not a Number est de type Number Si quelqu'un peut m'expliquer ça ???

Voir : Number

Il te faut regarder à quel moment une valeur devient NaN en repartant du début.

Un point qui m'avais échappé est « lorsqu'elle est placée sur l'écran d'accueil de mon iPhone. » qu'est ce à dire !?!

[Goltar]

Bonjour,
@NoSmoking => Placer sur l'écran d'accueil consiste à ouvrir l'appli dans safari iPhone et par clic dans les options sur le bouton 'plus' "ajouter sur écran d'accueil" transforme la page html en application stand alone sur l'iPhone.

Mais je crois avoir cerné le problème:

Dans ma DB les valeurs sont au format Float mais avec un séparateur ',' ex:12,5 et dans jQuery lorsque l'on fait un parseFloat il n'est tenu compte que de la partie avant la virgule.

Deux options s'offre à moi:
1) modifier toutes mes intros dans la db = fastidieux (des milliers d'intros à modifier);
2) Avoir la possibilité de transformer le format dans mon script : var C = Cal.replace(",","."); ne semble pas fonctionner.

Un idée ?

[Goltar]

C'était bien le problème.
J'ai ajusté la db