12/07/2015, 12:31:45
Salut,
J'ai bien étudié ce menu : il est extrêmement simple à reproduire et est entièrement piloté par JQuery.
Mais, l'as-tu compris et es-tu certain qu'il te convienne ?
Il n'affiche que 2 niveaux et les pages de 1er niveau et qui ont des enfants doivent être des sectionheader (entête de section).
Si tu regardes la playlist de mes tutos vidéos, les n° 7 et 8 tentent d'expliquer comment fonctionne l'algorithme des menus de cmsms V1 ainsi que dans ce tuto texte.
J'ai bien étudié ce menu : il est extrêmement simple à reproduire et est entièrement piloté par JQuery.
Mais, l'as-tu compris et es-tu certain qu'il te convienne ?
Il n'affiche que 2 niveaux et les pages de 1er niveau et qui ont des enfants doivent être des sectionheader (entête de section).
Code :
{strip}
{if $count > 0}
<ul>
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="<ul>" times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}
{repeat string="</li></ul>" times=$node->prevdepth-$node->depth}</li>
{elseif $node->index > 0}</li>
{/if}
{if $node->depth == 1 && $node->children_exist == true}
<li><a data-type="submenu" href="#">{$node->menutext}</a>
{else}
<li><a href="{$node->url}">{$node->menutext}</a>
{/if}
{/foreach}
{repeat string="</li></ul>" times=$node->depth-1}</li>
{* flèche située en bas et à droite servant à remonter en haut de la page *}
<li><a href="#" class="top-button"><span class="icon-top glyphicon glyphicon-chevron-up"></span></a></li>
</ul>
{/if}
{/strip}
Si tu regardes la playlist de mes tutos vidéos, les n° 7 et 8 tentent d'expliquer comment fonctionne l'algorithme des menus de cmsms V1 ainsi que dans ce tuto texte.