HTML Logic et système d'onglet

L'un des point les plus important dans la conception d'un site, c'est de faciliter la navigation par un système simple. Pour la future version d'XPErience-Fr, la cinquième du nom, j'ai concu un système d'onglet utilisant l'HTML Logic pour appliquer une classe CSS différente sur l'onglet courant.

Pour rappel, l'HTML logique est une implémentation d'IPB 2.0 qui permet d'utiliser de test de condition ( <if ></if>) à l'interieur des template HTML. L'HTML logique a accès à toutes les variables d'$ibforums.

<div id="submenu">

    <a href="{ipb.vars['home_url']}">Accueil</a>&nbsp;

    <if="ipb.input['act']=='idx' || (ipb.input['act']!='Help' && ipb.input['act']!='Search' && ipb.input['act']!='Members' && ipb.input['act']!='calendar')"><span id="current">Forums</span></if>

    <else><a href="{ipb.script_url}">Forums</a></else>

    <a href="{ipb.vars['home_url']}/tutorial.php">Tutoriaux</a>

    <a href="{ipb.vars['home_url']}/logitheque.php">Logithèque</a>

    <a href="javascript:rules_pop();">Règlement</a>&nbsp;

    <if="ipb.input['act']=='Help'"><span id="current">{ipb.lang['tb_help']}</span></if>

    <else><a href="{ipb.script_url}act=Help">{ipb.lang['tb_help']}</a></else>&nbsp;

    <if="ipb.input['act']=='Search'"><span id="current">{ipb.lang['tb_search']}</span></if>

    <else><a href="{ipb.script_url}act=Search&amp;f={ipb.input['f']}">{ipb.lang['tb_search']}</a></else>&nbsp;

    <if="ipb.input['act']=='Members'"><span id="current">{ipb.lang['tb_mlist']}</span></if>

    <else><a href="{ipb.script_url}act=Members">{ipb.lang['tb_mlist']}</a></else>&nbsp;

    <if="ipb.input['act']=='calendar'"><span id="current">{ipb.lang['tb_calendar']}</span></if>

    <else><a href="{ipb.script_url}act=calendar">{ipb.lang['tb_calendar']}</a></else>

</div>

Le blog de llaumgui