onLoad et ie

Version imprimable

22/10/2012, 19h14
snopims

onLoad et ie
J'ai un problème qui ne se produit que sur IE. Ma page charge deux fichiers javascript.
Le A.js contient :
Code:

1 2 3 4 window.onload = function () { parcours = new Track.Parcours(); }
Le B.js contient :
Code:

1 2 3 Track.Parcours = function () { }
Sous les autres navigateurs, je n'ai pas d'erreur mais sous ie (sauf de temps en temps) j'ai une erreur car Track.Parcours est undefined dans mon onload. Vu que je suis sur onload, je pensais que le code s'executait quand l'ensemble des fichiers était chargé.
Quelle est la solution à mon problème ?
Par avance merci....

Salut essaye ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
  function loadMe() {
  var x = window;
  }
  if ( x.addEventListener ) { 
     x.addEventListener( "load", loadMe, false );
  }
  else 
     if ( x.attachEvent ) { 
        x.attachEvent( "onload", loadMe );
  } else 
        if ( x.onLoad ) {
           x.onload = loadMe;
  }

A la place de toute tes appels onload par loadMe(), a tester.
Bonne soirée

22/10/2012, 21h02
snopims

je passe bien dans le onload. Que peut m'apporter ton code ?
22/10/2012, 21h43
headmax
J'ai pas bien compris ton problème?
tu appelle une fonction qui n'est pas encore chargé dans ta page?
charge tu bien en premier :
Le B.js, et ensuite A.js?
Code:

1 2 3 4 5 <head> <script type="text/javascript" src="Le B.js"></script> <script type="text/javascript" src="Le A.js"></script> </head>
Pour info le titre de ton topic est onload et ie, le code que je tes fournit et pour la gestion des incompatibilités de la function onload sur IE ancienne version comprise.

Bonne soirée.

Je vais essayé de réexpliquer mon problème :

une page htm

Code:

1
2
3
4
5
6
7
8
<html>
 <head>
  <script language="JavaScript" src="script1.js"></script>
 </head>
 <body >
Test
 </body>
 </html>

un script js script1.js :

Code:

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
Configuration = function () {
};
 
Configuration.prototype = {
 
    /// <summary>
    /// Charge les js 
    /// </summary>
    chargerJS: function () {
        var js = new Array();
        js.push("script2.js");
        this.chargerListeJS(js)
    },
 
    /// <summary>
    /// Charge les js 
    /// </summary>
    /// <param name="jsfiles">tableaux de  fichiers js</param>
    chargerListeJS: function (jsfiles) {
        for (var i in jsfiles) {
            var script = document.createElement("script");
            script.src = jsfiles[i];
            script.async = false;
            script.type = 'text/javascript'
            var head = document.getElementsByTagName("head")[0];
            var s = document.getElementsByTagName('link')[0];
            if (s)
                s.parentNode.insertBefore(script, s);
            else
                (head || document.body).appendChild(script);
		}
    }
};
 
// création de la configuration
var configuration = new Configuration();
configuration.chargerJS();
 
window.onload = function() 
{ 
if (typeof (MaClasse) != 'undefined')
alert("defini");
else
alert("non défini")
}

un fichier script2.js chargé par le code précedent

Code:

1
2
 
MaClasse = function() { }

sous la plupart des navigateurs, j'ai le message "defini" qui s'affiche mais sous internet explorer j'ai le message "non défini" qui s'affiche.
Je cherche donc à ce que le message "défini" s'affiche également sous internet explorer

23/10/2012, 14h07
Bovino

Ah ben oui... Ca n'a pas grand chose à voir avec ton premier message :roll:

Un script ajouté via un script est par défaut chargé de façon asynchrone.
Bien entendu, l'attribut async permet d'éviter cela, mais à une condition : qu'il soit reconnu par le navigateur, ce qui n'est pas le cas de IE<10 pour lesquels il faut passer par defer !