[CMS Made Simple] menu

[Verwijderd]

Ik hoop dat er iemand bekend is met het menusysteem van CMS Made Simple (deze vraag is ook gepost op het officiële forum, echter wordt deze veel minder druk bezocht en heb ik er nog geen antwoord gekregen).

Voor een gratis werk (ontwikkelen van een website voor een middelbare school) probeer ik een ander soort, niet gedocumenteerd menu te implementeren. Een voorbeeld is te vinden op http://tinyurl.com/345n7ln (dit menu is statisch, niet door CMS Made Simple gecontroleerd om als voorbeeld te dienen)



Ik maak gebruik van volgende html-code, dus het CMS Made Simple menu template zou het volgende moeten uitvoeren:

code:

<div class="cat"><div class="cathead">Algemeen</div>
<div class="catitems">
<ul>
    <li><a href="index.php?page=Algemeen">Kennismaking</a></li>
    <li><a href="index.php?page=Algemeen">Opvoedingsproject</a></li>
    <li><a href="index.php?page=Algemeen">Geschiedenis</a></li>
    <li><a href="index.php?page=Algemeen">Contactinfo</a></li>
    <li><a href="index.php?page=Algemeen">BSA</a></li>
    <li><a href="index.php?page=Algemeen">BSD</a></li>
    <li><a href="index.php?page=Algemeen">KSB</a></li>
    <li><a href="index.php?page=Algemeen">Zwitserlandkampen</a></li>
    <li><a href="index.php?page=Algemeen">Oud-leerlingenbond</a></li>
</ul>
</div></div>
<div class="cat"><div class="cathead">Humaniora</div>
<div class="catitems">
<ul>
    <li><a href="index.php?page=Algemeen">Studieaanbod</a></li>
    <li><a href="index.php?page=Algemeen">Jaarkalender</a></li>
    <li><a href="index.php?page=Algemeen">Dagindeling</a></li>
    <li><a href="index.php?page=Algemeen">Dagelijkse werking</a></li>
    <li><a href="index.php?page=Algemeen">Schoolraden</a></li>
    <li><a href="index.php?page=Algemeen">Engagement</a></li>
    <li><a href="index.php?page=Algemeen">Cultuurmozaïk</a></li>
    <li><a href="index.php?page=Algemeen">Schoolreglement</a></li>
    <li><a href="index.php?page=Algemeen">Inschrijving</a></li>
</ul>
</div></div>
<div class="cat"><div class="cathead">Internaat</div>
<div class="catitems">
<ul>
    <li><a href="index.php?page=Algemeen">Kennismaking</a></li>
    <li><a href="index.php?page=Algemeen">Praktisch</a></li>
    <li><a href="index.php?page=Algemeen">Dagindeling</a></li>
    <li><a href="index.php?page=Algemeen">Personalia</a></li>
    <li><a href="index.php?page=Algemeen">Internaatsactiviteiten</a></li>
    <li><a href="index.php?page=Algemeen">Inschrijving</a></li>
</ul>
</div></div>

In dit voorbeeld is de <div class="cathead"></div> de naam van het 1e laag van het menu (denk aan een dropdown-menu, en uitgevoerd als de tekst met grijze achtergrond boven de menu-items). Alle items eronder (tussen <li><a href=""></a></li> tags) zijn 2e-laags menuitems.

De pogingen om dit te bereiken hebben na meerdere uren nog steeds geen resultaat. Is er hier iemand handig met dergelijke templates?

Dank bij voorbaat!

[NMe]

Ik zou vast beginnen met een nested list maken in plaats van allemaal losse items.

offtopic:
Waarom <div class="cathead"> in plaats van, bijvoorbeeld, <h4>?

[Verwijderd]

CSS erbij? Wat is nou precies je probleem?

[Xander]

Het probleem is om die HTML-code uit CMSMS te krijgen? Dat kun je gewoon met een Menu-template doen. Bij de Module Help voor de MenuManager-module staat netjes uitgelegd welke variabelen je daarin kunt gebruiken.

Zoiets doet al wat jij wilt:

HTML:

{if $count > 0}
  {foreach from=$nodelist item=node}
    {if $node->depth == 1 && $node->index ne 0}
      {if $node->prevdepth ne 1}
        </ul>
      {/if}
      </div></div>
    {/if}
    {if $node->depth == 1}
      <div class="cat"><div class="cathead">
    {elseif $node->prevdepth == 1}
      </div><div class="catitems"><ul>
    {/if}

    {if $node->depth == 1}
      <a href="{$node->url}"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </a>
    {else}
      <li><a href="{$node->url}"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </a></li>
    {/if}

  {/foreach}

  {if $node->depth ne 1}
    </ul>
  {/if}
  </div></div>
{/if}

Quick 'n dirty, het gaat hoogstwaarschijnlijk ook compleet fout als je een menustructuur met dieperliggende pagina's aan deze template voert, maar het gaat om het idee toch?

Maare... wat heeft dit met design of clientside stuff te maken?

[Verwijderd]

Xander schreef op woensdag 01 september 2010 @ 15:16:
Het probleem is om die HTML-code uit CMSMS te krijgen? Dat kun je gewoon met een Menu-template doen. Bij de Module Help voor de MenuManager-module staat netjes uitgelegd welke variabelen je daarin kunt gebruiken.

Zoiets doet al wat jij wilt:

HTML:

{if $count > 0}
  {foreach from=$nodelist item=node}
    {if $node->depth == 1 && $node->index ne 0}
      {if $node->prevdepth ne 1}
        </ul>
      {/if}
      </div></div>
    {/if}
    {if $node->depth == 1}
      <div class="cat"><div class="cathead">
    {elseif $node->prevdepth == 1}
      </div><div class="catitems"><ul>
    {/if}

    {if $node->depth == 1}
      <a href="{$node->url}"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </a>
    {else}
      <li><a href="{$node->url}"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </a></li>
    {/if}

  {/foreach}

  {if $node->depth ne 1}
    </ul>
  {/if}
  </div></div>
{/if}

Quick 'n dirty, het gaat hoogstwaarschijnlijk ook compleet fout als je een menustructuur met dieperliggende pagina's aan deze template voert, maar het gaat om het idee toch?

Maare... wat heeft dit met design of clientside stuff te maken?

Zover was ik nu ongeveer ook gekomen, probleem met jouw code is dat de "cathead" (tekst met grijze achtergrond) nog steeds een link is (<a href="#"></a>), en ik lijk dit gedrag niet te kunnen wijzigen in de menutemplate (er staat nergens aangegeven dat <a href=""></a> uitgevoerd moet worden, nochtans doet CMSMS dit toch...)

[Xander]

Verwijderd schreef op woensdag 01 september 2010 @ 15:53:
[...]


Zover was ik nu ongeveer ook gekomen, probleem met jouw code is dat de "cathead" (tekst met grijze achtergrond) nog steeds een link is (<a href="#"></a>), en ik lijk dit gedrag niet te kunnen wijzigen in de menutemplate (er staat nergens aangegeven dat <a href=""></a> uitgevoerd moet worden, nochtans doet CMSMS dit toch...)

Jawel, dat is precies wat er op regel 16 staat.