Conception d'un menu [Résolu]

[Tchupacabra]

Bonjour,

Nouvel utilisateur de Smarty, je suis confronté à la réalisation d'un menu principal.
Actuellement, j'ai du HTML basique :

Code :

1
2
3
4
5
<ul>
<li><a class="active" href="/">Accueil</a></li>
<li><a class="" href="/page1.html">Page 1</a></li>
<li><a class="" href="/page2.html">Page 2</a></li>
</ul>

Connaissez-vous une méthode pour simplifier la gestion de la page "active" ?

Merci pour votre aide !

[Tchupacabra]

Je viens de me rendre compte que l'intégration de code PHP dans un template n'est pas conseillé...

du coup, je vois vraiment pas comment spécifier la page active en CSS.

[krachik]

Bonjour,

Oui l'intégration de code php dans les tpl c'est le mal , sachant smarty permet dans un large pourcentage de cas de faire la chose que cette intégration aurait pu faire.

Pour ce que tu veux faire, sachant que tu peux identifier sur quelle page tu te trouve à tout moment, pour spécifier la page active, il suffit de faire un test sur l'id de la page active et le tour est joué, quelque chose dans ce style:

Code :

1
2
3
4
5
<ul>
<li><a {if $id_page eq 'ma_page_index'}class="active"{/if} href="/">Accueil</a></li>
<li><a {if $id_page eq 'ma_page1'}class="active"{/if} href="/page1.html">Page 1</a></li>
<li><a {if $id_page eq 'ma_page2'}class="active"{/if} href="/page2.html">Page 2</a></li>
</ul>

[Tchupacabra]

ok merci... ça fonctionne avec le php :

Code :

$smarty->assign('id_page', (isset($_SERVER['REQUEST_URI']) ? $_SERVER['REQUEST_URI'] : ''));