[gelöst] Seitenwechsel per Select-Menü?

[comanche]

Hallo zusammen!

Bietet Contao (2.9.1) die Möglichkeit, verschiedene Seiten perSelect-Menü aufrufen? Zum Beispiel wie hier:

http://www.rb-filter.de/filterpatronen_115mm.html
Über das Select-Menü können unterschiedliche Produktseiten geladen werden.

Beim Formular-Element "Select-Menü" kann ich keine OnChange-Funktion hinterlegen, oder? Und ist es möglich, einen Insert-Tag als Options-Wert zu nehmen?

Danke und Grüße,
Andreas

[schman]

Mit der individuellen navigation dürfte das zu realisieren sein.

[MacKP]

Oder der Quicklink Navigation (dazu eventuell einfach nen extra Ast mit Weiterleitungen einrichten).

Viele Grüße

[comanche]

Danke für die Antworten.

Also quasi ein eigenes Navigationstemplate anlegen, das mir die gewünschte Ebene als Optionen eines Selectmenüs ausgibt? Verstehe ich das richtig?

Einen zusätzlichen Ast mit Weiterleitungen möchte ich gerne vermeiden (verstehe auch nicht die Notwendigkeit?).

Danke und Gruß,
Andreas

[schman]

Du kannst ein Modul vom Typ individuelle Naviagation anlegen dort kannst du dann auf die jeweiligen Seiten linken.

[kos]

Hallo Andreas,

Du willst ein select-Menü, daher kommen die Module Quicknavigation oder Quicklink in die engere Auswahl (siehe Contao Frontend-Module).

Welches das Richtige ist, hängt dann von der Struktur Deiner Seite ab.

[comanche]

Vielen Dank für eure schnellen Antworten! Das geht ja echt fix

Bei "Quicklink" und "Quicknavigation" muss ich nach Auswahl erst eine Schaltfläche drücken, um zur ausgewählten Seite zu kommen.

Ich habe es nun mal mit einem angepassten Template probiert, das mir ein Select-Menü erstellt. Das funktioniert auch soweit, jedoch möchte ich gerne den Seitenalias anstatt pageTitle ausgeben lassen. pageAlias funktioniert nicht. Wie lautet denn die korrekte Syntax für den Seitenalias?

<form name="auswahl">
 <select name="produktauswahl" onChange="JumpTo('parent',this,0)" size="1">
 <?php foreach ($this->items as $item): ?>
 <option value="<?php echo $item['pageTitle'] ?>"<?php if ($item['isActive']): ?> selected<?php endif; ?>><?php echo $item['title'] ?></option>
<?php endforeach; ?>
 </select>
 </form>

Grüße,
Andreas

[kos]

Dürfte per Insert-Tag lösbar sein: {{env::page_alias}}


EDIT: Gibt es eine Möglichkeit, beim Einfügen von Inserttags zu verhindern, dass darin ein smiley anstelle von ":" erscheint?

[comanche]

Dürfte per Insert-Tag lösbar sein: {{env:age_alias}}

Danke für den Tipp, aber innerhalb der Schleife müsste ich ja

$item['{{env::page_alias}}']

ausgeben und da funktioniert ein Insert-Tag nicht.

Grüße,
Andreas

[comanche]

Ok, hab's selbst herausgefunden. Die korrekte Syntax für den Seitenalias ist schlicht alias

So funktioniert's also jetzt:

<form name="auswahl">
 <select name="produktauswahl" onChange="JumpTo('parent',this,0)" size="1">
 <?php foreach ($this->items as $item): ?>
 <option value="<?php echo $item['alias'] ?>.html"<?php if ($item['isActive']): ?> selected<?php endif; ?>><?php echo $item['title'] ?></option>
<?php endforeach; ?>
 </select>
 </form>

Danke nochmal an alle

[kos]

Würdest Du Dein Template öffentlich machen, damit auch Andere ggf. damit arbeiten können?

[xchs]

Bei "Quicklink" und "Quicknavigation" muss ich nach Auswahl erst eine Schaltfläche drücken, um zur ausgewählten Seite zu kommen.

Wenn ich mich nicht irre, muss das aus Gründen der Zugänglichkeit so sein...

EDIT: Gibt es eine Möglichkeit, beim Einfügen von Inserttags zu verhindern, dass darin ein smiley anstelle von ":" erscheint?

Ich füge zwischen den Doppelpunkten und dem nächsten Zeichen (in Deinem Fall das "p") einfach einen Foren-Code ein (z.B. Bold), dann klappt das auch mit der korrekten Anzeige...
Hab oben Deinen Beitrag entsprechend korrigiert!

[schman]

EDIT: Gibt es eine Möglichkeit, beim Einfügen von Inserttags zu verhindern, dass darin ein smiley anstelle von ":" erscheint?

Ich mach es immer so das ich ein "(B)(/B)" nach dem :: einfüge dann wird das verhindert (Statt den runden klammern muss es eine eckige sein)

[comanche]

Würdest Du Dein Template öffentlich machen, damit auch Andere ggf. damit arbeiten können?

Hallo Karl,

ja, gerne.

Das Template hatte ich ja schon gezeigt:

<form name="auswahl">
 <select name="produktauswahl" onChange="JumpTo('parent',this,0)" size="1">
 <?php foreach ($this->items as $item): ?>
 <option value="<?php echo $item['alias'] ?>.html"<?php if ($item['isActive']): ?> selected<?php endif; ?>><?php echo $item['title'] ?></option>
<?php endforeach; ?>
 </select>
 </form>

Ich habe es unter dem Namen nav_dropdown.tpl gespeichert und in einem Modul Navigationsmenü verwendet. Die aufzurufende Funktion JumpTo muss einfach als Script auf der Seite oder als externes Script (.js) verfügbar sein:

function JumpTo(targ,selObj,restore){
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}

Das Dropdown (Select-Menü) zeigt dann den Namen aller relevanten Seiten in der Liste an, wobei die aktuelle Seite in der Liste ausgewählt ist. Wählt man eine andere Seite aus dem Dropdown, so wird sofort zu dieser gewechselt.

Viele Grüße,
Andreas

[kos]

@xchs, @schman vielen Dank für den Tipp !

[kos]

@comanche: auch Dir vielen Dank für's veröffentlichen!

[fesh]

Einen Nachteil hat das Temlate noch: es zeigt keine unterseiten mit an :-(

wenn dazu noch einer nen vorschlag hätte wäre das toll.

[coolflame]

hallo zusammen,

nachdem ich den von comanche veröffentlichten template-code eingebunden habe (funktioniert super! vielen dank!) ist mir aufgefallen, dass meine seiten leider nicht mehr valide waren. hier also der valide xhtml-code für das template:

<form name="auswahl" action="#">
   <select name="produktauswahl" onchange="JumpTo('parent',this,0)" size="1">
      <?php foreach ($this->items as $item): ?>
         <option value="<?php echo $item['alias'] ?>.html"<?php if ($item['isActive']): ?> selected="selected"<?php endif; ?>><?php echo $item['title'] ?></option>
      <?php endforeach; ?>
   </select>
</form>

was ich geändert habe:

• form hat das pflichtattribut action bekommen
• select (...) onChange in onchange geändert
• ...> selected<?php in selected="selected" geändert

nochmals danke & gruß
coolflame

[Pixelator]

Der Grund warum Unterseiten nicht dargestellt werden, liegt daran dass diese im Template gar nicht angesprochen werden.... $item['subitems']

[Pixelator]

So ... ich habe dieses Problem gelöst. Keine Ahnung ob es eine gute Lösung ist, denn ich bin ein blutiger Anfänger was Contao betrifft, aber es funktioniert.

Schritt #1:

Erstelle ein Template namens nav_select_core.xhtml (oder wie auch immer ihr das nennen möchtet, wichtig ist dass es mit nav_ beginnt) aus folgendem code:

<?php foreach ($this->items as $item): ?>
 <option value="<?php echo $item['href'] ?>"<?php if ($item['isActive']): ?> selected="selected"<?php endif; ?>><?php echo str_repeat(' [nbsp] ', (integer)substr($this->level, -1)); ?><?php echo $item['title'] ?></option><?php echo $item['subitems']; ?>
<?php endforeach; ?>

Schritt #2: Dieses Template in deine Contao Installation nach /templates/dein_theme kopieren.

Schritt #3: Erstelle im Backend ein Modul Navigationsmenü, benenne es Navigation - NavSelectCore, und in diesem, verwende das oben erstellte Template. Merke dir die ID dieses Moduls nach dem Speichern.

Schritt #4: Erstelle ein weiteres Modul, dieses Mal jedoch aus eigenem HTML Code, und füge folgende Code ein:

<form name="auswahl" action="#">
   <select name="produktauswahl" onchange="JumpTo('parent',this,0)" size="1">
      {{insert_module::233}} <!-- Dieses Tag wird mit dem referenzierten Modul ersetzt (ersetzen Sie * mit der ID des Moduls). -->
   </select>
</form>

Die Nummer 233 ist die ID Nummer des ersten Moduls (Navigation - NavSelectCore) dass erstellt wurde. Diese Nummer hier muss entsprechend angepasst werden. Dann einen sinnvollen Namen vergeben, und speichern. Ich habe meines Navigation - NavSelectWrapper benannt.


Schritt #5: Dieses zuletzt erstellte Modul ist nun das fertige Modul dass im Layout, oder sonst wo eingebunden werden kann.

Ergebnis: Eine QuickNavigation welche Referenzseiten-unabhängig ist, und somit auch bei mehrsprachige Seiten verwendet werden kann, das alle Unterseiten anzeigt, und diese entsprechend einrückt. Ein Problem das ich noch nicht gelöst habe, ist dass Contao bei Verwendung eines Moduls vom Typ Navigationsmenü, ständig den Content in ein div packt, genau genommen : <div class="mod_navigation block"> was natürlich in einem Select Element nichts verloren hat.

[Pixelator]

Ich hab mir dann eine Extension gebastelt, mit der das nun sehr schön und XHTML valide klappt.