Inclusion de fichiers dans tout type de document

Olivier G. — Thu, 16 Dec 2010 16:38:43 +0000

Une des règles première en terme de performance est de minimiser au maximum les requêtes HTTP. Voici une méthode qui peut avoir son utilité lorsque vous utilisez une dizaine de plugins jQuery ou si vous êtes attaché à séparer vos styles dans diverses feuilles CSS !

Il est possible de réaliser des inclusions de fichiers coté serveur. Pour cela, il vous faudra d’abord rendre opérationnelle l’extension mod_include sur Apache.
Rien de plus simple ! En supposant que votre serveur apache est localisé chemin « /etc/apache2/ », exécutez la commande suivante :

sudo ln -s /etc/apache2/mods-available/include.load /etc/apache2/mods-enabled

Cette commande va créer un lien symbolique du module « include » dans le dossier des modules activés de Apache.

N’oubliez pas de redémarrer Apache :

apache2 -k restart

Une fois cette opération effectuée, vous avez fait le plus gros du boulot. Nous allons maintenant utiliser ce module pour activer les inclusions au sein des fichiers javascript ayant pour extension « .includer.js »

Dans votre dossier contenant les scripts ou même à la racine de votre projet, créez un fichier .htaccess. Dans ce fichier .htaccess, nous allons d’abord définir un filtre de type de fichier (supprimez bien l’espace entre < et Filematch, mon syntax highlighter est buggé ):

< FilesMatch "\.includer\.js$">
< /FilesMatch>
 
Ensuite, il faut activer le module include de Apache :
"apache">Options +Includes

Enfin, nous lançons le filtre qui va examiner les fichiers filtrés précédemment et gérer l’inclusion :

SetOutputFilter INCLUDES

Voici ce que vous obtenez au final dans votre fichier .htaccess :

< FilesMatch "\.includer\.js$">
Options +Includes
SetOutputFilter INCLUDES
< /FilesMatch>

Créez maintenant dans votre dossier de script un fichier nommé global.includer.js puis créez votre première inclusion.
Exemple en ayant pris le soin de mettre à disposition jquery dans le même dossier que le fichier gérant l’inclusion:


$('document').ready(function() {
    alert("L'inclusion fonctionne à merveille");
});

Avec cet exemple, jquery va être automatiquement inséré avant le script créant l’alerte javascript.

L’inclusion coté serveur peut être très utile aussi dans des fichiers css ou même html !

Améliorer Internet Explorer (toutes versions)

Olivier G. — Fri, 14 Dec 2007 09:02:00 +0000

Dean Edwards est un génie. Internet Explorer a toujours été réputé pour être un navigateur très en retard sur les autres. Un grand nombre de sélecteurs et de propriétés CSS ne fonctionnent tout simplement pas sous les versions inférieures à IE7. C’est là que Dean Edwards entre en jeu. Ce programmeur a conçu une véritable librairie permettant d’émuler par le biais de fonctions javascript, les fonctionnalités CSS 2 absentes de IE. A l’origine, son objectif était de contrer la pratique des hacks CSS qui rendent les feuilles de style invalides. Mais il ne s’est pas arrêté là en implémentant certains sélecteur CSS 3 dans le navigateur certifié Windaube. La dernière version sortie date de août 2005 donc je n’apporte pas une nouveauté, mais ce genre de trésor peut en intéresser un très grand nombre

Vous pouvez télécharger l’ensemble des fichiers sur son site internet personnel.

Clearideaz » Astuces

Inclusion de fichiers dans tout type de document

Améliorer Internet Explorer (toutes versions)