Zend FR
Consultez la FAQ sur le ZF avant de poster une question
Vous n'êtes pas identifié.
#1 22-09-2010 22:19:27
- guice11
- Membre
- Date d'inscription: 17-07-2010
- Messages: 30
prependStylesheet et appendStylesheet
Je voudrais savoir quel est la différence entre prependStylesheet et appendStylesheet.
Merci beaucoup.
Hors ligne
#2 23-09-2010 03:36:20
Re: prependStylesheet et appendStylesheet
La différence est dans l'ordre d'affichage de la balise du CSS.
appendStylesheet mettre ce css avant ceux qui ont déjà été ajouté.
prependStylesheet mettra ce css après ceux qui ont déjà été ajouté.
Par exemple :
$this->headLink()->appendStylesheet('/css/css1.css');
$this->headLink()->appendStylesheet('/css/css2.css');
$this->headLink()->appendStylesheet('/css/css3.css');
donnera
<link rel="stylesheet" type="text/css" href="/css/css1.css" />
<link rel="stylesheet" type="text/css" href="/css/css2.css" />
<link rel="stylesheet" type="text/css" href="/css/css3.css" />
Par exemple :
$this->headLink()->prependStylesheet('/css/css1.css');
$this->headLink()->prependStylesheet('/css/css2.css');
$this->headLink()->appendStylesheet('/css/css3.css');
donnera
<link rel="stylesheet" type="text/css" href="/css/css2.css" />
<link rel="stylesheet" type="text/css" href="/css/css1.css" />
<link rel="stylesheet" type="text/css" href="/css/css3.css" />
Hors ligne
#3 23-09-2010 09:48:51
- Delprog
- Administrateur
- Date d'inscription: 29-09-2008
- Messages: 670
Re: prependStylesheet et appendStylesheet
Hello,
Je crois que tu as inversé les deux phrases au début, append => après, prepend => avant, mais les exemples sont bons 
Avec prepend c'est l'ordre LIFO (dernier entré = premier sorti). Ce que je fais généralement c'est que dans mon layout je suis en ordre LIFO et dans mes vues j'ajoute à la suite grâce à du append, dans ce cas là je suis certain d'avoir toujours les CSS/JS de mon layout en premier.
Ex.
Layout :
Code:
$this->headLink()->prependStylesheet('css/layout.css')
->prependStylesheet('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/base/jquery-ui.css')
->prependStylesheet('css/reset.css');Vue :
Code:
$this->headLink()->appendStylesheet('css/ma-vue.css');Rendu:
Code:
<link href="css/reset.css" media="screen" rel="stylesheet" type="text/css"> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/base/jquery-ui.css" media="screen" rel="stylesheet" type="text/css"> <link href="css/layout.css" media="screen" rel="stylesheet" type="text/css"> <link href="css/ma-vue.css" media="screen" rel="stylesheet" type="text/css">
A+ benjamin.
Dernière modification par Delprog (23-09-2010 09:51:19)
http://www.anonymation.com/ - anonymation - Studio de création.
http://code.anonymation.com/ - anonymation - blog - développement et architecture web
Hors ligne
Développement par Kitpages