Zend Framework 1.9 : Comment lier une feuille de style css ou un js au layout

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 :


Et on peut meme partager l'article:

  • Print
  • Twitter
  • Facebook
  • Digg
  • del.icio.us
  • Google Bookmarks
  • Netvibes
  • Blogosphere News
  • Identi.ca
  • LinkedIn
  • Technorati
  • Wikio FR
  • Yahoo! Buzz
  • Ping.fm

3 Commentaires

TheSorrowseptembre 24th, 2009 at 16 h 29 min

Pourquoi ne pas utiliser headScript et headStyle ?

Nicolasseptembre 24th, 2009 at 16 h 44 min

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.

Gregseptembre 25th, 2009 at 14 h 20 min

@Nicolas Ah ok, merci, je ne connaissait pas ! je regarde des que j’ai le temps !

Laisser un commentaire

Votre commentaire :

Additional comments powered by BackType