Ordre des fichiers JS

**rwanito** · 16/06/2017, 19h39

Salut !

Je suis en train d'essayer de faire une petite appli avec phonegap.

Et donc avec javascript, jusqu'à là, no soucis !

Voici mon html :

Code html :

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
<!DOCTYPE html>
<html>
<head>
 
    <meta charset="UTF-8">
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, user-scalable=no">
    <link rel="stylesheet" href="ressources/reset.css">
    <link rel="stylesheet" href="ressources/alertc/css/alertify.css">
    <script src="ressources/jquery-3.1.1.min.js"></script>
 
    <link rel="stylesheet" href="ressources/index.css">  
 
    <title>COPilot Index</title>
</head>
<body>
 
    <div id="entete_index">
 
        <div id="entete_kilometrage">
            0.0km
        </div>
 
        <div id="entete_info">
 
            <div class="entete_ligne">
 
                <div class="entete_carre" id="entete_1">Durée</div>
 
                <div class="entete_carre" id="entete_2">STOP</div>
 
            </div>
 
            <div class="entete_ligne">
 
                <div class="entete_carre" id="entete_3">0.0 km/h</div>
 
                <div class="entete_carre" id="entete_4">meteo</div>
            </div>
 
        </div>
 
    </div>
 
</body>
<script src="ressources/alertc/js/alertify.js"></script>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript">
 
$(function(){
 
        var ss = new cordova.plugins.SecureStorage(
 
            function () { alertify.alert("C'est bon")},
            function (error) {
                alertify.alert('erreur ' + error);
            },'copilot');  
 
 
ss.get(
    function (value) { alertify.alert('Cest bon, jai : ' + value); },
    function (error) { alertify.alert('erreur ' + error); },
    'mykey');
 
    $('#entete_4').click(function(){
 
        ss.set(
            function (key) { alertify.alert('Set ' + key); },
            function (error) { alertify.alert('erreur ' + error); },
        'mykey', 'myvalue');
 
    });
 
 
 
});
 
 
 
</script>
</html>

On remarque que :

- Jquery est en premier ( dans head )

- et le reste du js en bas

Or, lors de l'execution de la page j'ai :

Nom : Sans titre.png
Affichages : 364
Taille : 174,0 Ko

Nom : Sans titre.png
Affichages : 364
Taille : 174,0 Ko

Cela vient surement de l'ordre des fichiers js, mais jamais je n'ai réussi à ne plus avoir d'erreur lorsque je touches à plusieurs fichiers JS.
Peut importe le sens que je teste, j'ai toujours un nouveau message d'erreur.., j'ai essayé un defer, async, rien..etc

Une idée du sens ?

Merci !

**sekaijin** · 19/06/2017, 14h46

pas de js dans la page que des fichier js
tout les chargements dans le head de la page
et utilisation de require ou des promises.

A+JYT

**Watilin** · 20/06/2017, 20h02

Pour compléter la réponse de sekaijin : les attributs defer et async de la balise <script> ont été introduits pour corriger ce genre de problème. Cependant, comme indiqué dans cette doc, ça n’a pas d’effet si le script est écrit dans la page, tu dois mettre un attribut src et pointer un fichier js.

defer a été introduit par Microsoft avec IE4 (ça commence à dater sacrément), et async fait partie du standard HTML5. Pour plus de lecture je te renvoie aux pages (anglophones) de Html5Rocks et de David Walsh.

Mais il se peut que ton problème ne soit pas directement lié à une histoire d’ordre des scripts.

Pour expliquer ton message d’erreur :

Cannot read property 'SecureStorage' of undefined

Cela signifie que cordova.plugins est undefined. Cela nous apprend aussi indirectement que cordova est défini, sinon on aurait eu le message suivant :

Cannot read property 'plugins' of undefined

J’en conclus que le script de Cordova est chargé au moment où ta fonction s’exécute, mais qu’il manque la propriété plugins. Je n’ai jamais manipulé Cordova mais j’imagine que tu as oublié d’inclure un module (j’ai fait quelques rapides recherches et il est question d’un dossier www qu’il ne faut pas oublier de copier).

Ordre des fichiers JS

JavaScript

Discussions similaires

Partager

Partager