Contao 3 Responsive JavaScript menu nav_default

Hallo,

ich wollte diese mobile Menü https://github.com/pixelianer/selectnav.js in Contao einbauen. Soweit ist das ja auch recht einfach.

Nur stehe ich jetzt vor dem Problem die Strucktur von dem Template nav_default so zu verändern das diese Strucktur herauskommt.

HTML-Code:

---


<ul id="nav">
<li><a href="homepage.html">Homepage</a></li>
<li><a href="about.html" class="active">About us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>

---

Wenn man hier aber submenüs hat erscheint dann auch in den Submenüs

HTML-Code:

---


<ul id="nav">
<li><a href="homepage.html">Homepage</a></li>
    <ul id="nav">
    <li><a href="test.html">test</a></li>
    <li><a href="test.html" class="active">test</a></li>
    <li><a href="test.html">test</a></li>
</ul>
<li><a href="about.html" class="active">About us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>

---

Es sollte aber so aussehen.

HTML-Code:

---


<ul id="nav">
<li><a href="homepage.html">Homepage</a></li>
    <ul>
    <li><a href="test.html">test</a></li>
    <li><a href="test.html" class="active">test</a></li>
    <li><a href="test.html">test</a></li>
</ul>
<li><a href="about.html" class="active">About us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>

---

Könntet ihr mir da bitte helfen, dass das erste UL nur einmal ausgegeben wird.

Hallo,

Ändern Sie den folgenden Code :

Code:

---

<ul class="<?php echo $this->level; ?>" id="nav">

---

Mit :

Code:

---

<?php (($this->level == "level_1") ? ($idNav = 'id="nav"') : ($idNav = "")); ?>

<ul class="<?php echo $this->level . $sfClass; ?>" <?php echo $idNav; ?>>

---

Super DANKE..

es geht folgendes.

Code:

---


<?php (($this->level == "level_1") ? ($idNav = 'id="mobnav"') : ($idNav = "")); ?>
<ul class="<?php echo $this->level . $sfClass; ?>" <?php echo $idNav; ?>>
    <?php foreach ($this->items as $item): ?>
        <?php if ($item['isActive']): ?>
            <li class="<?php echo $item['class']; ?>"><span class="<?php echo $item['class']; ?>"><?php echo $item['link']; ?></span><?php echo $item['subitems']; ?></li>
        <?php else: ?>
            <li<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?>><a href="<?php echo $item['href']; ?>" title="<?php echo $item['pageTitle'] ? $item['pageTitle'] : $item['title']; ?>"<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?><?php if ($item['accesskey'] != ''): ?> accesskey="<?php echo $item['accesskey']; ?>"<?php endif; ?><?php if ($item['tabindex']): ?> tabindex="<?php echo $item['tabindex']; ?>"<?php endif; ?><?php if ($item['nofollow']): ?> rel="nofollow"<?php endif; ?><?php echo $item['target']; ?>><?php echo $item['link']; ?></a><?php echo $item['subitems']; ?></li>
        <?php endif; ?>
    <?php endforeach; ?>
</ul>

---

Code:

---

<ul <?php if ($this->level == 'level_1'): ?>id="mobnav"<?php endif; ?>>
    <?php foreach ($this->items as $item): ?>
        <li><a href="<?php echo $item['href']; ?>" title="<?php echo $item['pageTitle'] ? $item['pageTitle'] : $item['title']; ?>"><?php echo $item['link']; ?></a><?php echo $item['subitems']; ?></li>
    <?php endforeach; ?>
</ul>

---

Dieses Script ist hervorragend für die mobile Navigation geeignet.