Chargement dynamique de javascript

Version imprimable

Bonjour,

dans mon programme je charge dynamiquement un code javascript suivant les options de l'utilisateur.

Lorsque le site est lancé, le premier code éxécuté est le suiavnt :
Code:

1 2 3 4 5 6 if(typeof(navigator) == 'undefined'){ loadJS("JS1.js"); }else{ loadJS("JS2.js"); }
La fonction loadJS
Code:

1 2 3 4 5 6 7 8 9 10 function loadJS(filename){ var File=ElementToCreate(document,'script'); File.setAttributeNS("http://www.w3.org/1999/xlink","href", filename); File.onreadystatechange= function () { while (this.readyState < 4) ; } alert('JS Loaded'); document.getElementById('script').appendChild(File); }
Je sais que le while() c'est mal, mais je l'ai ajouté pour être sur que le fichier soit bien chargé. Ensuite dans le code, je lance une fonction X qui est contenue dans le JS chargée. Sur OPERA ça marche nickel, mais sur Safari, même si this.readyState est 4, le JS n'est pas chargé, donc j'ai une erreur quand ça arrive à la fonction. Safari charge le JS tout à la fin de l'application, quand elle quitte à cause de l'erreur.

Quelqu'un a une idée la dessus ?

03/05/2010, 11h34
SpaceFrog

Code:

ElementToCreate(document,'script')

??
03/05/2010, 11h40
RKOCOCO

Code:

ElementToCreate(document,'script')

C'est une fonction que j'ai créé, qui fait document.createElementNS si c'est sur Safari, document.createElement sinon (OPERA, par exemple)
03/05/2010, 11h43
SpaceFrog

donc tu essaye d'insérer un script dans une balise script ?
03/05/2010, 11h45
RKOCOCO

Oui c'est ça. Mais le script est bien intégré (élément est présent dans le groupe qui a pour id="script" sur le debugger), mais le problème c'est qu'il n'est pas lu par Safari avant la fin du programme en cour (contrairement sur Opera)
03/05/2010, 11h52
SpaceFrog

force un eval du contenu ?
03/05/2010, 13h24
RKOCOCO

C'est à dire ?

Code:

eval(document.getElementById('script').firstElementChild)

Tu pensais à ça ?
03/05/2010, 13h33
SpaceFrog

oui
ou avant de l'appender, sur File...
03/05/2010, 14h53
RKOCOCO
Non, je n'utilise pas ça.
Je viens de trouver un truc mais j'ai peur que cela ne soit pas très rigoureux.
J'ai déclarer une variable globale JSLoaded=false et dans le fichier à charger je mets JSLoaded=true.
Pour vérifier que le fichier est bien chargé, j'utilise la fonction suiavnte
Code:

1 2 3 4 5 6 7 function TestJSLoaded() { if(!eval(JSLoaded)) { setTimeout("TestJSLoaded()", 500); } else { system_init(); } }
03/05/2010, 15h12
SpaceFrog

pourquoi ne pas modifier simplement le src de la balise script ?

Tu as essayé

Code:

1
2
3
File.onload= function () {
    document.getElementById('script').appendChild(File);   
}