MenuManager --> Interessante Aufgabenstellung

[Darien]

Nachdem die letzten Threads ja nur über die Probleme bei der Installation eines Moduls handelten, habe ich nun ein kleines praktisches Problem mit einem funktionierendem Modul, nämlich den Menümanager.

Ich habe folgende Seitenstruktur:

Seite 1
Seite 2
- Seite 2.1
- Seite 2.2
--Separator--
Seite 3
Seite 4

als HTML-Ausgabe (Navigation) hätte ich gerne folgendes:

Code: Select all

<a class="nav" href="seite1.html"><br/>
<a class="nav" href="seite2.html"><br/>
<div class="subnav">
<a class="subnav" href="seite21.html">Seite 2.1</a><br/>
<a class="subnav" href="seite22.html">Seite 2.2</a><br/>
</div>
<img src="uploads/images/layout/separator.gif" height="40" width="40" style="margin: 5px 0;"/>
<a class="nav" href="seite3.html"><br/>
<a class="nav" href="seite4.html"><br/>

Dazu habe ich folgendes Template im Menümanager erstellt:

Code: Select all

{if $count > 0}
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="<div class='subnav'>" times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}
{repeat string="</div>" times=$node->prevdepth-$node->depth}
{elseif $node->index > 0}<br/>
{/if}

{if $node->current == true}
<span class="navcurrent">{$node->menutext}</span>
{elseif $node->type == 'sectionheader'}
<span class="bullet_sectionheader">{$node->menutext}</span>
{elseif $node->type == 'separator'}
<img src="uploads/images/layout/fussball.gif" height="40" width="40" style="margin: 5px 0;"/>
{else}
<a class="nav" href="{$node->url}"{if $node->target ne ""} target="{$node->target}"{/if}>{$node->menutext}</a>{/if}
{/foreach}
{/if}

Das führte zu folgendem HTML-Output:

Code: Select all

<a class="nav" href="seite1.html">
<a class="nav" href="seite2.html">
<div class="subnav">
<a class="nav" href="seite21.html">Seite 2.1</a><br/>
<a class="nav" href="seite22.html">Seite 2.2</a><br/>
</div>
<img src="uploads/images/layout/separator.gif" height="40" width="40" style="margin: 5px 0;"/>
<a class="nav" href="seite3.html">
<a class="nav" href="seite4.html">

Der Unterschied ist klein aber gravierend  . Wie bring ich dem Template bei, daß die Links im div-Container "subnav" auch das Attribut class="subnav" und nicht class="nav" erhalten.
Es ist verhext. Mit CMSms hatte ich die Seite innerhalb von einer Stunde fertig und nun sitz ich schon ewig ander Navigation fest.
Ich denk ich könnte das Problem mit css umgehen, aber es ist unbefriedigend, daß nicht so hinzukriegen wie es gedacht war, außerdem interssiert mich die Lösung sehr

[joernroeder]

Moin,
du kannst die Links in der Sub-Navi doch einfach mit .subnav a ansprechen. dann brauchen Sie gar keine class.

Ich würde es am besten so umbauen:

Code: Select all

<div class="nav">
<a href="#">link</a>
<a href="#">link</a>
<div class="subnav">
<a href="#">link</a>
<a href="#">link</a>
</div>
<a href="#">link</a>
<a href="#">link</a>
</div>

Die Styles währen dann:

Code: Select all

/* Erste Navigationsebene */
.nav a {
}

/* Zweite Navigationsebene */
.nav .subnav a {
}

Jörn