Discussion :

[informer]

Bonjour à tous,


J'ai besoin de charger dynamiquement des fichiers CSS et JS. A vrai dire, j'ai déjà une solution mais partielle grâce à l'excellent programme en JS rloader. c'est par ici .

Mais j'aimerais aller plus loin et envoyer dans rloader une liste des fichiers à charger localisés dans un répertoire et ses sous répertoires associés.
Il me faudrait une fonction qui listerait tous les fichiers d'un répertoire envoyé en paramètre et récursif

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function walkSync (dir, filelist) {
  var fs = fs || require('fs'),
      files = fs.readdirSync(dir);
  filelist = filelist || [];
  files.forEach(function(file) {
    if (fs.statSync(dir + '/' + file).isDirectory()) {
      filelist = walkSync(dir + '/' + file, filelist);
    }
    else {
      filelist.push(file);
    }
  });
  return filelist;
};

Attention le code ci-dessus ne fonctionne pas !


avec son appel au chargement de la page HTML

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
var filesList = function walkSync ("js/");
var optRloader = function setFormat(filesList)
{/*... traitement pour mettre au format comme ci-dessous
       [	{src:'fancybox/helpers/jquery.fancybox-thumbs.js'},
		{src:'fancybox/helpers/jquery.fancybox-thumbs.css'},
		{src:'fancybox/helpers/jquery.fancybox-buttons.js'},
		{src:'fancybox/helpers/jquery.fancybox-buttons.css'}
	]
*/
 
};
 
$.rloader(optRloader);

Mais j'arrive pas à trouver le moindre post qui me mette sur la voie...enfin c'est plutôt qu'après leur lecture, j'ai vaguement compris que cela n'etait possible qu'en Php. Et c'est là que ça devient flou car rloader est en JS et charge bien des fichiers JS & CSS du server

Merci par avance de toute aide apportée!

Be seeing you

[SpaceFrog]

il y a deux façon d'aborder la chargement de fichiers de façon dynamique.

La première coté client

Jquery peut tout a fait faire un load voire getScript. Mais il n'obtient qu'un seul retour
On peut alors imaginer coté client boucler sur un array de paths pour charger plusieurs fichiers avec getScript ou load ou encore intégrer des balises de fichiers externes


L'autre implique que le serveur fasse lui un regroupement pour retourner une concaténation du code soit directement des scripts , soit des balises d'inclusion de fichiers externes. Il suffit de pointer sur un seul fichier de traitement php en lui passant en paramètre les paths afin qui'l fasse un include ou génère des balises html de fichiers externes ...

[informer]

Bonjour SpaceFrog,

Merci pour tes retours et déjà je comprends le principe avec $.getScript (fichierAvecChemin) qui est basé sur un appel AJAX, une alternative à $.rloader(optRloader) que je peux gérer à ma main

Par contre c'est là où ca coince, c'est que $.getScript (optFicChemin) attend optFicChemin. Or c'est justement optFicChemin que je veux rendre générique et automatique passant en paramètre un répertoire avec son chemin et ensuite charger automatiquement tous les fichiers de ce répertoire et des sous répertoires .

Donc si je te suis, côté client avec JS, il faut appeler via AJAX un script PHP qui renverrais un tableau de fichiers avec leur chemin et ensuite boucler sur le tableau pour appeler $.getScript (fichierAvecChemin) autant de fois qu'il existe d'items dans le tableau.


Par contre la solution server pur me parait beaucoup plus lourde alors je préfère me concentrer sur la solution client JS.

Be seeing you

[SpaceFrog]

Il te suffirait de passer en paramètre un identifiant de répertoire ...

et du coup ton fichier de traitement php ferais un include de tous les fichiers contenus dans ce répertoire.

[informer]

SpaceFrog,

Tu m'ouvres des horizons et en même temps j'ai toujours l'impression de me balader au bord de la tamise.

En appelant dans un fichier PHPH => include 'js/file.js', il pourra être appelé côté client?

Je me pose des question sur l'appel AJAX, c'est asynchrone et ça pose pas des problèmes. Par exemple des appels à des fonctions JS chargées côté serveur lors du chargement de la page ?

[SpaceFrog]

un seul appel de script coté client ...

c'est php qui concatène le code que tu veux retourner ...
par exemple avec un include dans un boucle sur les fichiers du répertoire passés en paramètre

[informer]

la solution est ici