regrouper différents fichiers .js

lamiecahuete · 30/05/2011, 16h51

Bonjour,

Je suis débutante en .js et je me retrouve face à une impasse.
Je souhaiterais regrouper différents fichiers .js en seul doc mais ça ne fonctionne pas... (voir .js en pj)

j'ai déjà un créé un .js avec tous les scripts utilisés pour mon site et je souhaiterai y ajouter ces fichier pour éviter ces lignes de code en plus dans mon <head> :

Code :

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

1
2
3
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

qui du coup, font tout buger!

Quelqu'un à t il une idée?

Merci d'avance

ohnomorejmmings · 30/05/2011, 17h15

Citation:

Envoyé par lamiecahuete

Je souhaiterais regrouper différents fichiers .js en seul doc mais ça ne fonctionne pas...

Il n'existe pas d'équivalent à la fonction "include" de certains langages en JavaScript. De plus le code que tu as indiqué c'est du HTML et donc n'est pas valide dans un code JS. Donc si tu as plusieurs bibliothèques et que les unes ont besoin des autres tu dois hélas spécifier ces dépendances dans ton code HTML. Après c'est possible de bidouiller si ton application est dynamique (PHP & Cie) mais ceci est une autre histoire…

WibiMaster · 31/05/2011, 08h37

Il existe en effet des possibilités de regroupement de ces fichiers dynamiquement, mais je ne suis psa sûr que ce soit ce que tu recherches.

Sinon, plus simplement : tu ouvres tes fichiers JS, tu copie le contenu, tu le colle dans un autre fichier JS. Tu les copies / colles tous dans le même fichier, à la suite et dans le bon ordre, et ça devrait le faire... Non ?

Sûr qu'il ne faut pas mettre les balises <script> dans le fichier, sinon ça plante.

Avec la méthode décrite ci-dessus, il m'est déjà arrivé d'avoir des petits soucis, il faut bien les copier dans le bon ordre.

ohnomorejmmings · 31/05/2011, 12h22

Citation:

Envoyé par WibiMaster

Sinon, plus simplement : tu ouvres tes fichiers JS, tu copie le contenu, tu le colle dans un autre fichier JS. Tu les copies / colles tous dans le même fichier, à la suite et dans le bon ordre, et ça devrait le faire... Non ?

Mais… mais… t'es un véritable hérétique toi !

Plus sérieusement c'est une limite de JS qui pourrait changer à l'avenir et si ça se trouve une version (1.x ? 2 ?) propose même déjà un équivalent à l'include d'autres langages. Ça me semble même inévitable quand on voit la dimension qu'il a prit ces dernières années avec le boom d'AJAX et son importance croissante pour les navigateurs. De manière générale copier-coller et bourrer son code dans un seul gros fichier c'est toujours une mauvaise idée. C'est d'autant plus vrai dans le cas d'une biblio puisque la modularité est une priorité. À chaque fichier son prototype ou lot de fonctions. De plus ça permet d'inclure de manière efficace même si évidemment une gestion efficace à la Java (paquetages) serait bien mieux par exemple.

Aujourd'hui on pleure

Demain on include ("*.js")

Bovino · 31/05/2011, 13h51

Citation:

De manière générale copier-coller et bourrer son code dans un seul gros fichier c'est toujours une mauvaise idée.

Euh... non, pas vraiment...
Lorsque la page se crée, les ressources (scripts, feuilles de styles, images, etc.) sont téléchargées au fur et à mesure et le navigateur limite à trois fichiers simultanés. Comme en plus, à la différence des autres ressources, les scripts sont chargés de façon synchrone (bloquent donc la suite de la création de la page), plus tu as de fichiers .js, moins c'est bon pour les performances.

Sinon, pour effectivement conserver la séparation des fonctionnalités dans chaque script (préférable pour la maintenance), tu peux passer par le serveur pour faire les includes de scripts :

Code php :

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

1
2
3
4
5
6
7
<?php
header('Content-type: text/javascript');
$scripts = ('script1', 'script2', 'script3');
foreach($scripts as $script){
    include($script.'.js');
}
?>

RomainVALERI · 31/05/2011, 14h10

C'est quoi le problème d'inclure tes ressources js dans le head en plusieurs fichiers distincts ?

les performances ? j'imagine que ça ne doit être détectable que dans certains cas limites d'utilisation intensive du js...

non ?

Watilin · 01/06/2011, 23h17

… Ou simplement un site à grosse fréquentation. Il faut garder à l'esprit qu'un serveur ne peut pas supporter énormément de connexions HTTP simultanées. Et chaque ressource de la page (image, script, feuille de style) nécessite une requête HTTP.

Personnellement je trouve ennuyeux que les optimisations dûes à la partie réseau rendent l'architecture du site moins évidente… Je pense à cette technique, concaténer les scripts, mais aussi aux sprites CSS, etc.
Bon, je suis un peu hors sujet là.

@lamiecahuete> pose-toi plutôt la question : est-ce que tu as vraiment besoin de toute la bibliothèque Prototype et tous les effets Scriptaculous pour utiliser simplement une lightbox ?

31/05/2011, 08h37	#3
WibiMaster Futur Membre du Club Damien Inscription : juillet 2009 Messages : 50 Détails du profil Informations personnelles : Nom : Damien Informations forums : Inscription : juillet 2009 Messages : 50 Points : 16 Points : 16	Il existe en effet des possibilités de regroupement de ces fichiers dynamiquement, mais je ne suis psa sûr que ce soit ce que tu recherches. Sinon, plus simplement : tu ouvres tes fichiers JS, tu copie le contenu, tu le colle dans un autre fichier JS. Tu les copies / colles tous dans le même fichier, à la suite et dans le bon ordre, et ça devrait le faire... Non ? Sûr qu'il ne faut pas mettre les balises <script> dans le fichier, sinon ça plante. Avec la méthode décrite ci-dessus, il m'est déjà arrivé d'avoir des petits soucis, il faut bien les copier dans le bon ordre.
	00

31/05/2011, 14h10	#6
RomainVALERI Expert Confirmé Sénior Romain VALERI POOête Inscription : avril 2008 Messages : 2 572 Détails du profil Informations personnelles : Nom : Romain VALERI Âge : 35 Localisation : France, Meurthe et Moselle (Lorraine) Informations professionnelles : Activité : POOête Informations forums : Inscription : avril 2008 Messages : 2 572 Points : 4 074 Points : 4 074	C'est quoi le problème d'inclure tes ressources js dans le head en plusieurs fichiers distincts ? les performances ? j'imagine que ça ne doit être détectable que dans certains cas limites d'utilisation intensive du js... non ? __________________ ...pour les linguistes et les curieux >>> générateur de phrases aléatoires __________________
	00

01/06/2011, 23h17	#7
Watilin Membre Expert Matilin Torre Étudiant Inscription : juin 2010 Messages : 679 Détails du profil Informations personnelles : Nom : Matilin Torre Âge : 23 Localisation : France, Ille et Vilaine (Bretagne) Informations professionnelles : Activité : Étudiant Informations forums : Inscription : juin 2010 Messages : 679 Points : 1 202 Points : 1 202	… Ou simplement un site à grosse fréquentation. Il faut garder à l'esprit qu'un serveur ne peut pas supporter énormément de connexions HTTP simultanées. Et chaque ressource de la page (image, script, feuille de style) nécessite une requête HTTP. Personnellement je trouve ennuyeux que les optimisations dûes à la partie réseau rendent l'architecture du site moins évidente… Je pense à cette technique, concaténer les scripts, mais aussi aux sprites CSS, etc. Bon, je suis un peu hors sujet là. @lamiecahuete> pose-toi plutôt la question : est-ce que tu as vraiment besoin de toute la bibliothèque Prototype et tous les effets Scriptaculous pour utiliser simplement une lightbox ? __________________ Disposition de clavier ergonomique française : Bépo
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email