Ergebnis 1 bis 8 von 8

Thema: Einfache <li> ohne Link in Navigation einbauen

  1. #1
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.862
    Contao-Projekt unterstützen

    Support Contao

    Standard Einfache <li> ohne Link in Navigation einbauen

    Ich habe vor Kurzem ein Projekt umgesetzt, das ich "zu Fuss", ohne Contao-Umgebung, realisiert habe - hier hatte ich in das Navigationsmenü ein <li> ohne href eingebaut, das mir als 'Überschrift' in der Navi gedient hat.

    Code:
    		<section class="top-bar-section">
    			<ul class="right">
    				<li class="has-dropdown">
    					<a href="programm.html">Programm</a>
    						<ul class="dropdown">
    							<li><label>aktuelles Programm</label></li>
    							<li><a href="programm.html" class="">Programm</a></li>
    							<li><a href="programm.html#sonderausstellung" class="">Sonderausstellung</a></li>
    							<li><a href="programm.html#pokale" class="">Pokale</a></li>					
    						</ul>
    				</li>
    				<li><a href="ueber-uns.html">Über uns</a></li>
    				<li><a href="galerie.html">Bilder</a></li>
    				<li><a href="videos.html">Videos</a></li>
    				<li><a href="sponsoren.html">Sponsoren</a></li>
    			</ul>
    		</section>
    Jetzt stellt sich für mich die Frage, ob ich dergleichen einfach auch in contao abbilden kann.
    Ich habe schon die eine oder andere Überlegung angestellt - komme aber zu keinem sinnvollen, einfachen Ergebnis.
    Meine letzte Überlegung war nun, ein der Seitenstruktur eine 'Reguläre Seite' einzufügen und diese dann aber nicht "anklickbar" zu machen - sprich aus dem <a> ein <span> zaubern. Aber auch hier wüsste ich nicht, wie ich das bewerkstelligen sollte.

    Eine Möglichkeit wäre wohl dies in einem "eignene HTML" umzusetzen, wäre aber nicht zweckmässig genug, weil nicht ohne "Programmieraufwand" im Nachhinein von einer Dritten Person einfügbar.

    Gibt es Ansätze eurerseits? Oder sehe ich einfach vor lauter Bäumen den Wald nicht?
    Eigene Navigation würde ich ausschliessen, weil auch hier ein <li>ohne link</li> zu Fuss eingegeben werden müsste.
    Aus einem <a> ein <span> via jQuery umgestalten?

    Vielleicht hat jemand einen Tipp für mich.
    Grüsse
    Bernhard


  2. #2
    Contao-Nutzer Avatar von be-tina
    Registriert seit
    20.11.2013.
    Beiträge
    231

    Standard

    Meine Idee:

    1. Einen Artikel mit der gewünschten Überschrift anlegen (auf einer nicht veröffentlichten Seite, der Artikel muss sichtbar sein)

    2. Dann ein Modul vom Typ eigenes HTML anlegen und den Artikel mit der Überschrift in diesem Modul einfügen.

    Code:
    <div class="navhead">
    {{insert_article::XX}}
    </div>
    (Bei "XX" die ID des Artikels angeben)

    3. Dieses Modul fügst du im Seitenlayout über der Navigation ein.

    4. Der Kunde kann dann die Überschrift in dem Artikel ändern.

    Das funktioniert natürlich nur, wenn du die Überschrift über der gesamten Navigation haben möchtest.
    Geändert von be-tina (12.11.2015 um 19:25 Uhr)

  3. #3
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.862
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo,
    nein, ich denke, dass dies nicht meinen Anforderungen/Überlegungen entspricht ...
    schau mal hier http://www.opencars.at/de/ - im Navipunkt 'Programm' versteckt sich das, was ich meine.
    Grüsse
    Bernhard


  4. #4
    Contao-Nutzer Avatar von be-tina
    Registriert seit
    20.11.2013.
    Beiträge
    231

    Standard

    ok, das ist natürlich völlig anders, als ich mir das vorgestellt hatte.

    Hier könntest du, wenn es keine andere Lösung gibt, eine Seite mit interner Weiterleitung anlegen.
    Optisch formatieren kannst du das ja über eine Klassenvergabe oder über :first-child
    Das würde ich dann so machen, dass sich der Link bei :hover nicht optisch verändert, dann klickt wahrscheinlich keiner drauf. Wenn doch, landet er halt auf der Seite darunter.

  5. #5
    Wandelndes Contao-Lexikon Avatar von tab
    Registriert seit
    22.10.2013.
    Beiträge
    10.078
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Den Link bekommt man schon auch weg über ein angepasstes Navigationstemplate. Da gibt es einige Threads dazu. Aber da die Seite ja existiert und veröffentlicht ist, macht es natürlich Sinn, da eine interne Weiterleitung draus zu machen. Sonst könnte sie ja durch manuelle Eingabe der URL aufgerufen werden.

  6. #6
    Contao-Yoda Avatar von MacKP
    Registriert seit
    15.06.2009.
    Ort
    Duisburg
    Beiträge
    13.292
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Kannst du per Template machen -> http://de.contaowiki.org/Navigations...icht_verlinken

    Viele Grüße
    Contao Pool | C-C-A | MetaModels | [Internetseite -> Mediendepot Ruhr]
    [Arbeitet bei -> Paus Design & Medien]
    "I can EXPLAIN it to you, but I can't UNDERSTAND it for you."

  7. #7
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.862
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Danke MacKP!
    daran hatte ich gar nicht mehr gedacht, dass das ja die idente Anforderung ist.
    Soeben angepasst, ausprobiert » funktioniert und als gut befunden :-)

    da sich die 'Schreibweise' zur Doku ein kleinwenig geändert hat - hier das angepasste script
    PHP-Code:
    <ul class="<?= $this->level ?>" role="<?= ($this->level == 'level_1') ? 'menubar' 'menu' ?>">
      <?php foreach ($this->items as $item): ?>
        <?php if ($item['isActive']): ?>
              <li class="<?= $item['class'?>"><span class="<?= $item['class'?>" role="menuitem"<?php if (!empty($item['subitems'])): ?> aria-haspopup="true"<?php endif; ?>><?= $item['link'?></span><?= $item['subitems'?></li>
        <?php else: ?>
            <li<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?>>
                <?php if(strpos($item['class'], 'nonavlink')===false):?>
                  <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 else: ?>
                      <span class="<?php echo $item['class']; ?>"><?php endif; ?><?php echo $item['link']; ?>
                <?php if(strpos($item['class'], 'nonavlink')===false):?></a>
                <?php else: ?></span>
                <?php endif; ?>
                  <?php echo $item['subitems']; ?>
            </li>
        <?php endif; ?>
        <?php endforeach; ?>
    </ul>
    Grüsse
    Bernhard


  8. #8
    Contao-Fan Avatar von joe
    Registriert seit
    20.06.2009.
    Ort
    Lüneburg
    Beiträge
    687
    User beschenken
    Wunschliste

    Standard

    Vielleicht hilft dir die Extension: https://contao.org/de/erweiterungsli...030009.de.html

    //Edit
    Sorry falscher Link hier der Richtige: https://contao.org/de/erweiterungsli...030009.de.html
    Trainings und Coachings zur Fort und Weiterbildung sowie Beratung in den Bereichen Contao, JavaScript, jQuery, VueJS, React, PHP, NodeJS und vielen weiteren Themen.

    Mehr unter jgreg.dev

    Follow me on Twitter @JoeRayGregory

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •