Discussion :

[informer]

Bonjour à tous,

Voilà j'ai l'erreur suivante

Uncaught TypeError: Cannot read property 'helpers' of undefined (19:07:50:809 | error, javascript)

quand $('head').append(filePath) est appelé comme suit

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
 
jqXHR.success(function (jqXHRData) 
{	var filePath ="";
	for (i = 0; i < jqXHRData.length; i++) 
	{	
		//PAS d'ERREUR  avec  avec jqXHRData[0]["fic"] ="fancyBox-fullpack/source/helpers/jquery.fancybox-buttons.css"
		if (jqXHRData[i]["fic"].substr(-3) ==="css")
		{	 // Sans erreur 
                         filePath = "<link href='" + jqXHRData[i]["fic"] +  "' rel='stylesheet'  type='text/css' media='screen'/>";
			$('head').append(filePath);
		}
 
		//ERREUR  avec  jqXHRData[1]["fic"] = "fancyBox-fullpack/source/helpers/jquery.fancybox-buttons.js" 
               else if (jqXHRData[i]["fic"].substr(-2) ==="js")
		{    filePath = "<script src='" + jqXHRData[i]["fic"] + "'></script>"; //filePath = "<script src='fancyBox-fullpack/source/helpers/jquery.fancybox-buttons.js'></script>"
		     $('head').append(filePath);
		}
	}
}

Cela peut-il provenir de dépendance avec d'autres fichiers JS?

Merci par avance

[informer]

après lecture de forums, je pensais résoudre mon problème en échappant </script> avec <\/script>" mais pas plus de succès

Je n'ai pas d'erreur si je n'appelle pas

Code :

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

1
2
filePath= "<script type='text/javascript' src='" +jqXHRData[i]["fic"]+ "'><\/script>";
$('<script />', { type : 'text/javascript', src :  jqXHRData[i]["fic"]}).appendTo('head'); ou $('head').append(filePath);

Par contre si j'appelle le code ci-dessus sachant que:

1. jqXHRData[0]["fic"] ="<link href="fancyBox-fullpack/source/helpers/jquery.fancybox-buttons.css" rel="stylesheet" type="text/css" media="screen"></link>"
2. jqXHRData[1]["fic"] ="<script type="text/javascript" src="fancyBox-fullpack/source/helpers/jquery.fancybox-buttons.js"></script>"

j'ai dans le DOM

<link href="fancyBox-fullpack/source/helpers/jquery.fancybox-buttons.css" rel="stylesheet" type="text/css" media="screen"></link>
<script type="text/javascript" src="fancyBox-fullpack/source/helpers/jquery.fancybox-buttons.js"></script>

Mais après le chargement de jqXHRData[1]["fic"] j'ai la fameuse erreur

Uncaught TypeError: Cannot read property 'helpers' of undefined (01:55:49:445 | error, javascript)

[SpaceFrog]

Fais plutot un getScript pour le fichier js ...

[informer]

Merci SpaceFrog mais le problème venait comme je le présentais des dépendances entre fichiers JS.

En effet, il faut charger les fichiers JS dans l'ordre suivant:

1. Fichiers du répertoire 'fancyBox-fullpack/source
2. Fichiers du répertoire 'fancyBox-fullpack/source/helpers

La question était donc comment faire pour lancer se séquençage?

Après m'être mis le cerveau à l'envers puis à l'endroit, bon j'avoue je pratique le yoga, j'ai trouvé une solution qui nécessitait de :

1. Comprendre le comportement de RecursiveIteratorIterator
2. Faire une arborescence qui implicitement indique le lien père / enfant ou appelant/appelé
3. Puis incrémenté / décrémenté la boucle FOR(){} en fonction de son arborescence

Le billet DOM - Chargement dynamique des fichiers JavaScript : Traitement simple des fichiers JS interdépendants tente d'expliquer ma solution.

Merci à tous

Merci

[informer]

Fais plutot un getScript pour le fichier js ...

L'utilisation de la méthode $('head').append(filePath) était un exercice pour comprendre globalement l'ajout d'éléments dans le DOM.

Merci encore pour ton aide

[SpaceFrog]

le getScript aurai permis d'utiliser le callback et ainsi éviter que des scripts soient appelés avant que d'autres aient fini de charger ...

[informer]

Bonjour SpaceFrog,

Mon problème était l'ordre de chargement des fichiers certains devaient l'être avant d'autre et sauf si getScript gère les dépendances par la création d'une pile, je ne pense pas qu'il résolve le problème de l'ordre de chargement.

Merci encore