Appels des fichiers CSS ou JS

De Sydonie

Les CSS et JS à importer sont gérés par deux managers :

  • Manager_Calls_Css
  • Manager_Calls_Javascript


Ajouter un appel à une CSS

L'utilisation classique (notez le 'all' qui correspond au media) 

getManager('Calls_Css')->add('url/du/ficher.css', 'all');

Pour importer une css située dans le répertoire 'resources' d'un package: 

getManager('Calls_Css')->add(Package::urlToResource('Service_Toto', 'maFeuille.css'), 'all');

La feuille de style importée sera celle qui se trouve dans le répertoire 'resources' du service 'Toto' et qui se nomme 'maFeuille.css' .

Ajouter un appel à un fichier JS

Pour le javascript, le fonctionnement est similaire mis à part l'absence du media. Exemple : 

getManager('Calls_Javascript')->add('url/du/fichier.js');

ou Pour importer un script Javascript situé dans le répertoire 'resources' d'un package: 

getManager('Calls_Javascript')->add(Package::urlToResource('Service_Toto', 'monCode.js'));


Fichiers de configuration CSS

On peut ajouter des appels CSS dans la configuration du site (fichier config/site/config_cssCalls.php) ou dans la configuration du thème (fichier config_theme.php). Deux types d'appels CSS possibles :

Appels CSS classiques

Définir un tableau PHP avec pour chaque élément l'URL et le media (sous la forme d'un tableau) 

$cssCalls = array(
		  array(THEME_CSS_URL . 'speech.css', 'speech')
		 );

Le tableau est ensuite parcouru avec un foreach pour ajouter ces appels. Ne pas modifier ce code. Il sera remplacé par un simple appel à une fonction lorsque les fonctions globales auront été mises en place.

Appels CSS conditionnels (principalement pour IE)

Définir un tableau PHP avec pour chaque élément l'URL, le media et la condition (sous la forme d'un tableau) 

$conditionalCssCalls = array(
			     array(THEME_CSS_URL . 'debug-ie7.css', 'screen', 'IE 7')
			     );

De même le tableau est parcouru ensuite pour ajouter les appels. Le code HTML généré sera 

<!--[if IE 7]> <link rel="StyleSheet" media="screen" type="text/css" href="http://polifile.fr/themes/themePolifile/css/debug-ie7.css" /> <![endif]-->

Fichiers de configuration Javascript

De la même façon, on peut ajouter des appels JavaScript dans la configuration du site (fichier config/site/config_jsCalls.php) ou dans la configuration du thème (fichier config_theme.php) en définissant un tableau : 

$jsCalls = array(
		 EDITOR_URL,
		 HELPERS_URL . 'editors/editarea/edit_area_full.js'
		 );

De même le tableau est parcouru ensuite pour ajouter les appels.

Récupérée de « http://wiki.sydonie.net/index.php?title=Appels_des_fichiers_CSS_ou_JS&oldid=1461 »