Comment lier un css et un js dans un projet zend framework [a partir de la 1.9] directement dans le layout ?
Et bien a partir de la version 1.9, c’est vraiment très simple dans la mesure ou l’équipe de ZF a intégré un script de vue (view helper) directement dans la librairie. Du coup il suffit de rajouter la ligne suivante dans le fichier de layout (application/layout/scripts/main.phtml), entre les balises <head> :
<link rel="stylesheet" type="text/css" media="screen,projection" href="<?php echo $this->baseUrl();?>/styles/design.css"/>
Dans ce cas, mon fichier css est dans le dossier : public/styles/design.css
Voila, maintenant pour un js c’est le même principe ;) :
<script type="text/javascript" src="<?php echo $this->baseUrl();?>/styles/main.js"></script>
Articles en rapport:
Pourquoi ne pas utiliser headScript et headStyle ?
Je préfère les helper headScript et headlink :
- Pour l’inclusion des styles :
headLink()
->appendStylesheet(« /css/blueprint/screen.css »,’screen’)
->appendStylesheet(« /css/blueprint/print.css »,’print’)
->appendStylesheet(« /css/blueprint/ie.css »,’screen’ ,’lt IE 8′)
?>
En ce qui concerne les javascript :
Dans mon controlleur :
layout->headScript()
->appendFile(‘/javascripts/utils/utils.js’)
->appendFile(‘/javascripts/utils/css.js’)
;
?>
et dans ma layout :
headScript()?>
Le fait d’utiliser les helper headScript et headLink permet de controler le chargement des scripts et style dans le controleur en fonction des besoins de la vue.
@Nicolas Ah ok, merci, je ne connaissait pas ! je regarde des que j’ai le temps !