IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Ordre des fichiers JS


Sujet :

JavaScript

  1. #1
    Nouveau Candidat au Club
    Homme Profil pro
    Webmaster
    Inscrit en
    Avril 2016
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Finistère (Bretagne)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Avril 2016
    Messages : 1
    Points : 1
    Points
    1
    Par défaut Ordre des fichiers JS
    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

    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 !

  2. #2
    Expert éminent
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Points : 9 130
    Points
    9 130
    Par défaut
    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

  3. #3
    Expert éminent
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 094
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 094
    Points : 6 755
    Points
    6 755
    Par défaut
    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).

Discussions similaires

  1. Ordre des fichiers et dossiers dans un dossier
    Par piotrr dans le forum Windows
    Réponses: 1
    Dernier message: 19/08/2009, 02h18
  2. l'ordre des fichiers en parcourant une base d'images
    Par mspeach dans le forum Images
    Réponses: 5
    Dernier message: 08/05/2009, 10h55
  3. ordre des fichiers selectionnés dans OpenDialog
    Par pixigol dans le forum Composants VCL
    Réponses: 0
    Dernier message: 13/03/2009, 12h11
  4. [MVC] Ordre des fichiers de Context et Servlet
    Par Invité dans le forum Spring Web
    Réponses: 0
    Dernier message: 15/09/2008, 10h24
  5. Améliorer l'ordre des fichiers
    Par {F-I} dans le forum Windows Vista
    Réponses: 9
    Dernier message: 26/08/2008, 15h17

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo