regrouper différents fichiers .js

Version imprimable

1 pièce(s) jointe(s)

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:

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

30/05/2011, 17h15
ohnomorejmmings

Pas d'include en JavaScript

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…
31/05/2011, 08h37
WibiMaster

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.
31/05/2011, 12h22
ohnomorejmmings

Organisation d'une bibliothèque et bonnes pratiques

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 ! :mouarf:

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 :cry:
Demain on include ("*.js") 8-)
31/05/2011, 13h51
Bovino
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:

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

C'est quoi le problème d'inclure tes ressources js dans le head en plusieurs fichiers distincts ? :koi: les performances ? j'imagine que ça ne doit être détectable que dans certains cas limites d'utilisation intensive du js... :? non ?
01/06/2011, 23h17
Watilin

… 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 ?