Nachrichtenarchiv Menü als Drop-Down-Menü

Halli hallo,

ich bin noch relativ neu bei Typolight und bastle mir gerade eine neue Seite. Vorher war die Seite als reine HTML-Datei gebaut und musste per Hand gepflegt werden, was jetzt TL übernehmen soll Ich hab bereits einige erfahrungen mit Typo3, jedoch denke ich, dass Typo3 einfach zu groß für mein jetziges Projekt ist und bin durch meinen Bruder auf Typolight aufmerksam geworden.

Und hab jetzt eine Frage:
das Nachrichtenarchiv-Menü möchte ich nicht so wie als Default gegeben lassen (als Liste), sondern als Drop-Down-Menü (Auswahlmenü: select/option). wenn mich nicht alles täuscht ist das Template "mod_newsmenue.tpl" verantwortlich. Hab das Menü testweiste geändert und kann jedoch bei der Modulbearbeitung des Archiv-Menüs nix finden, wo ich das geänderte Template angeben kann. Ich kann dort nur auswählen ob ich Jahr, Monat oder Tagweise die Liste ausgeben haben möchte.

Kann mir hier jemand helfen? wäre echt nett =)

Viele Grüße
µaTh

Hallo µaTh,

willkommen im TYPOlight-Forum.

Zitat von µaTh

Und hab jetzt eine Frage:
das Nachrichtenarchiv-Menü möchte ich nicht so wie als Default gegeben lassen (als Liste), sondern als Drop-Down-Menü (Auswahlmenü: select/option). wenn mich nicht alles täuscht ist das Template "mod_newsmenue.tpl" verantwortlich. Hab das Menü testweiste geändert und kann jedoch bei der Modulbearbeitung des Archiv-Menüs nix finden, wo ich das geänderte Template angeben kann.

Wenn Du im Backend das Modul "Template" aufrufst, dort ein "Neues Template" erstellst und aus der Liste die Vorlage "mod_newsmenu.tpl" auswählst, dann legt TYPOlight von diesem Template eine Kopie im Template-Ordner "/templates" ab. In dieser duplizierten Vorlagen-Datei kannst Du dann Deine Änderungen und Anpassungen machen (entweder direkt im Backend oder per Texteditor) und - sofern Du diese Datei nicht explizit umbenannt hast - sollte TL eigentlich auf Dein geändertes Template zurückgreifen und dieses entsprechend parsen. Wichtig ist im gegenständlichen Fall eben, dass das modifizierte Template den selben Namen trägt wie das Original!

ahhhh, der eine Kniff hat mir gefehlt... Ich hab extra das Template umbenannt
Habs jetzt wieder zurück in den org. Namen umbenannt und schon funktionierts, supi. jetzt kann ich da fleißig dran rumbasteln.

DANKE

für die Nachwelt:

hab das Skript mod_newsmenu.tpl umgeschrieben, jetzt kann man im Archivmenü mit einem Drop-Down-Menü navigieren.

[Hinweis: weiter unten befinden sich Template Updates]

PHP-Code: [Ansicht]

<!-- indexer::stop -->
<div class="<?php echo $this->class; ?> block"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>
<?php if ($this->headline): ?>

<<?php echo $this->hl; ?>><?php echo $this->headline; ?></<?php echo $this->hl; ?>>
<?php endif; ?>
<form>
<select id="ArchivNavi" onChange="parent.location.href=this.form.ArchivNavi.options[this.form.ArchivNavi.options.selectedIndex].label;">
<?php foreach ($this->items as $year=>$months): ?>
  <optgroup label="<?php echo $year; ?>">
<?php foreach ($months as $month): ?>
<?php if($month['isActive']): ?>
    <option selected label="<?php echo $month['href']; ?>"><?php echo $month['link']; ?><?php if ($this->showQuantity): ?> (<?php echo $month['quantity']; ?>)<?php endif; ?></option>
<?php else: ?>
    <option label="<?php echo $month['href']; ?>"><?php echo $month['link']; ?><?php if ($this->showQuantity): ?> (<?php echo $month['quantity']; ?>)<?php endif; ?></option>
<?php endif; ?>
<?php endforeach; ?>
</optgroup>
<?php endforeach; ?>
</select>
</form>

</div>
<!-- indexer::continue -->

Hallo µaTh,

vielen Dank für die Bereitstellung Deines Templates - so ist der Thread hier vollständig und wird sicherlich auch einigen anderen weiterhelfen.

Hallo!

Schließe mich meinem Vorposter an und bedanke mich ebenfalls. Leider werden etliche Treads zwar beantwortet, aber oft wird die Lösung dann nicht mehr richtig gepostet. Das finde ich sehr schade. Daher nochmals Danke für das Template.

Ich sag auch mal Danke.
Hat irgendjemand eine Idee, warum bei mir im Dropdown nicht die Monatsnamen ausgegeben werden, sondern die URLs? Also anstatt Mai z.B. "nachrichtenarchiv.html?month=201005"

Als Liste wurden vorher die Monatsnamen angegeben.

Gruß
Thomas

Ich hab die Sache noch etwas erweitert, so dass bei deaktivierten JavaScript eine kurze Meldung angezeigt wird und die Dropdownliste ausgeblendet wird.
Und als erster Eintrag in der Dropdownliste befindet sich jetzt "(Auswahl Zeitraum)".

[Änderungen fett markiert]

Code: [Ansicht]

<!-- indexer::stop -->
<div class="<?php echo $this->class; ?> block"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>
<?php if ($this->headline): ?>
<<?php echo $this->hl; ?>><?php echo $this->headline; ?></<?php echo $this->hl; ?>>
<?php endif; ?>
<noscript><span class="noscript">Sorry, für das Archiv-Menü muss JavaScript eingeschalten sein</span></noscript>

<form id="ArchivNaviForm" style="display:none;">
<select id="ArchivNavi" onChange="parent.location.href=this.form.ArchivNavi.options[this.form.ArchivNavi.options.selectedIndex].label;">
<option selected label="">(Auswahl Zeitraum)</option>
<?php foreach ($this->items as $year=>$months): ?>
  <optgroup label="<?php echo $year; ?>">
<?php foreach ($months as $month): ?>
<?php if($month['isActive']): ?>
    <option selected label="<?php echo $month['href']; ?>"><?php echo $month['link']; ?><?php if ($this->showQuantity): ?> (<?php echo $month['quantity']; ?>)<?php endif; ?></option>
<?php else: ?>
    <option label="<?php echo $month['href']; ?>"><?php echo $month['link']; ?><?php if ($this->showQuantity): ?> (<?php echo $month['quantity']; ?>)<?php endif; ?></option>
<?php endif; ?>
<?php endforeach; ?>
</optgroup>
<?php endforeach; ?>
</select>
</form>
<script type="text/javascript">
document.getElementById("ArchivNaviForm").style.display='inline';
</script>


</div>
<!-- indexer::continue -->

Als Alternative könnte man natürlich in den NoScript-Tags auch den orginal-Code vom ursprünglichen Menü einfügen. Meiner Meinung nach jedoch ein ziemlicher Overhead, da die Liste im Quelltext aufgebaut und übertragen wird, egal ob JavaScript aktiviert ist oder nicht.

Zitat von tblumrich

Ich sag auch mal Danke.
Hat irgendjemand eine Idee, warum bei mir im Dropdown nicht die Monatsnamen ausgegeben werden, sondern die URLs? Also anstatt Mai z.B. "nachrichtenarchiv.html?month=201005"

Als Liste wurden vorher die Monatsnamen angegeben.

Gruß
Thomas

Hat sich dein Problem gelöst, oder besteht es immer noch?

Zitat von µaTh

Hat sich dein Problem gelöst, oder besteht es immer noch?

Hat sich erledigt... aber frag mich nicht wann und warum... irgendwann gings.
Und danke auch für die neue Erweiterung - hatte mich immer genervt, das man den aktuellen Monat ja quasi nur noch über Umwege auswählen konnte (da schon ausgewählt).

Gruß
Thomas

eine kleine Korrektur hab ich noch oben eingebaut. Das "selected"-Attribut ist beim hin und her kopieren und bearbeiten verloren gegangen (wichtig, dass der ausgewählte Monat weiterhin angezeigt wird).

Hallo,

bisher bin ich mit den Anleitungen aus dem Forum so gut klargekommen, dass ich mich nicht registrieren musste.

Von der Idee des Dropdownmenüs war ich sehr angetan und es funktioniert auch weitestgehend, nur tritt der folgende Fehler auch bei mir auf:

Ich sag auch mal Danke.
Hat irgendjemand eine Idee, warum bei mir im Dropdown nicht die Monatsnamen ausgegeben werden, sondern die URLs? Also anstatt Mai z.B. "nachrichtenarchiv.html?month=201005"

Als Liste wurden vorher die Monatsnamen angegeben.

Ich nutze Contao 2.9.1. Ändere ich im Template folgende Zeile

Code: [Ansicht]

<?php if($month['isActive']): ?>
    <option selected label="<?php echo $month['href']; ?>"><?php echo $month['link']; ?><?php if ($this->showQuantity): ?> (<?php echo $month['quantity']; ?>)<?php endif; ?></option>
<?php else: ?>
    <option label="<?php echo $month['href']; ?>"><?php echo $month['link']; ?><?php if ($this->showQuantity): ?> (<?php echo $month['quantity']; ?>)<?php endif; ?></option>
<?php endif; ?>

so um:

Code: [Ansicht]

<?php if($month['isActive']): ?>
    <option selected label="<?php echo $month['link']; ?>"><?php echo $month['link']; ?><?php if ($this->showQuantity): ?> (<?php echo $month['quantity']; ?>)<?php endif; ?></option>
<?php else: ?>
    <option label="<?php echo $month['link']; ?>"><?php echo $month['link']; ?><?php if ($this->showQuantity): ?> (<?php echo $month['quantity']; ?>)<?php endif; ?></option>
<?php endif; ?>

('href' zu 'link'), so zeigt er die Monatsnamen zwar an (zB Juni 2010), aber er kann das entsprechende Archiv nicht aufrufen, da er folgende Adresse aufrufen will:

.../Juni%202010 (anstelle der korrekten Adresse .../?month=201006).

Weiß jemand vielleicht eine Lösung?

Gruß r13

ich kann das Problem leider nicht nachvollziehen. Vllt. haben wir unterschiedliche Einstellungen im Modul "Nachrichtenarchiv-Menü"?

Das Template "mod_newsmenu.tpl" habe ich bearbeitet und ebenfalls unter "mod_newsmenu.tpl" gespeichert. Als Archivformat habe ich "Monat" ausgewählt.

Das Template nutze ich in Typolight 2.8.1 und Contao 2.9.1 ohne Probleme.

@r13: ich glaube nicht, dass dein Lösungsversuch zum Ziel führt:
$month['href'] sollte meiner Meinung nach die URL liefern
$month['link'] sollte hier meiner Meinung nach nur einen Text liefern, der als Link nicht zu gebrauchen ist.

Leider lassen sich in der Demo die Templates nicht bearbeiten.

Hab ich alles soweit genau so. Einen "Fehler" hab ich zB schon gefunden. Das Menü funktionierte in IE 8 und IE8+Kompatibilitätsansicht nicht.

Code: [Ansicht]

<?php else: ?>
    <option label="../<?php echo $month['href']; ?>"><?php echo $month['link']; ?><?php if ($this->showQuantity): ?> (<?php echo $month['quantity']; ?>)<?php endif; ?></option>
<?php endif; ?>

Das ../ hats behoben. Mein eigentliches Problem besteht weiterhin...

so, Freunde der HTML-Kunst. Hier kommt jetzt die Lösung zu allen Problemen der Welt... ähm... Probleme des Archiv-Menüs

Code: [Ansicht]

<!-- indexer::stop -->
<div class="<?php echo $this->class; ?> block"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>
<?php if ($this->headline): ?>
<<?php echo $this->hl; ?>><?php echo $this->headline; ?></<?php echo $this->hl; ?>>
<?php endif; ?>
<noscript><div class="noscript">Sorry, für das Archiv-Menü muss JavaScript eingeschalten sein</div></noscript>

<form id="ArchivNaviForm" style="display:none;" action="">
<div class="ArchivNaviBlock">
<select id="ArchivNavi" onchange="parent.location.href=this.form.ArchivNavi.options[this.form.ArchivNavi.options.selectedIndex].value;">
<option selected="selected" value="Auswahl">*** Auswahl Zeitraum *************************</option>
<?php foreach ($this->items as $year=>$months): ?>
  <optgroup label="<?php echo $year; ?>">
<?php foreach ($months as $month): ?>
<?php if($month['isActive']): ?>
    <option selected="selected" value="<?php echo $month['href']; ?>"><?php echo $month['link']; ?><?php if ($this->showQuantity): ?> (<?php echo $month['quantity']; ?>)<?php endif; ?></option>
<?php else: ?>
    <option value="<?php echo $month['href']; ?>"><?php echo $month['link']; ?><?php if ($this->showQuantity): ?> (<?php echo $month['quantity']; ?>)<?php endif; ?></option>
<?php endif; ?>
<?php endforeach; ?>
</optgroup>
<?php endforeach; ?>
</select>
</div>
</form>
<script type="text/javascript">
document.getElementById("ArchivNaviForm").style.display='inline';
</script>


</div>
<!-- indexer::continue -->

Das Template habe ich jetzt durch den W3C-Validator gejagt und angepasst. Nun ist es auch valide.

Und dank dem Tipp von r13 hab ich mir die Sache mit dem IE8 angeschaut und feststellen müssen, dass das Option-Attribut "label" an dieser Stelle falsch ist und durch "value" ersetzt werden muss (und somit das Stück JavaScript in onchange-Event angepasst).

Ich hoffe, dass es jetzt die "richtige" Lösung ist.

Danke für eure zahlreichen Feedbacks, ohne euch bestünde das Problem im (ungeliebten) IE weiterhin.

Funktioniert! Danke für dein tolles Template ^^

Ganz tolles Template!!!!

Ich hatte nur folgendes Problem, dass wenn ich einen anderen Monat als den Aktuellen aus gewählt habe und dann zurück auf *** Auswahl Zeitraum ********** klicke, was beim normalo User vielleicht mal vorkommt, dann wurde ../Auswahl aufgerufen was natürlich einen Error 404 zur Folge hatte.

ich habe einfach Zeile 11 so verändert:
<option selected="selected" value="../index.php/aktuelles-archiv.html">*** Auswahl Zeitraum *************************</option>

Jetzt ruft es den aktuellen Monat auf...

Gibt es vielleicht ne Möglichkeit dass nichts passiert also der gleiche Monat wie zuvor stehen bleibt?
Wenn nicht wäre es für mich nicht so schlimm...

Gruß

Alexander

mhm, ok. Der Fehler ist mir noch garnicht aufgefallen. Danke Spencer.

Als workaround könnte ich folgendes anbieten:
- die Zeile

PHP-Code: [Ansicht]

<option selected="selected" value="Auswahl">*** Auswahl Zeitraum *************************</option> 


löschen und
- im Modul mit dem Modultyp "Nachrichtenarchiv" unter der Option "Kein Zeitraum ausgewählt" statt "Das Modul ausblenden" den Eintrag "Zum aktuellen Zeitraum springen" wählen.

Der Effekt des Workarounds wäre:
- der fehlerhafte Eintrag "Auswahl Zeitraum" wäre nicht mehr in der Liste vorhanden und kann somit nicht mehr ausgewählt werden. Automatisch wird dann der oberste Monat in der Selectbox ausgewählt. Und da der aktuelle Monat angezeigt wird, dürfte es überein stimmen.

Was ich nicht getestet habe (bitte mal testen) wenn der aktuelle Monat keine Einträge hat, bleibt dann die Liste (Modul "Nachrichtenarchiv") leer (wäre doof)? Oder wird der letzte Monat mit Newseinträgen angezeigt (wäre gut)?

Vielleicht hat noch jemand eine bessere Idee?

so, hier habe ich die Lösung. Der Workaround von dem Post davor ist nicht wirklich das gelbe vom Ei.

Hier meine neue Version, die ich jetzt einfach mal als Version 1.0.0 bezeichne. Das davor waren einfach Beta-Versionen
Hab auch gleich den Quelltext weiter optimiert und kommentiert

PHP-Code: [Ansicht]

<!-- indexer::stop -->

<!--
* @template: mod_newsmenu.tpl
* @module:   News archive menu (Archive format: Month)
* @function: news archiv menu as a drop-down-menu
* @version:  1.0.0 (2010-09-17)
* @tested:   Contao 2.9.1
* @author:   µaTh
*
* needs JavaScript enabled
*
* help and new free versions: (German bulletin board) http://www.contao-community.de/showthread.php?9291
*
-->


<div class="<?php echo $this->class; ?> block"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>
<!-- headline start -->
<?php if ($this->headline): ?>
<<?php echo $this->hl; ?>><?php echo $this->headline; ?></<?php echo $this->hl; ?>>
<?php endif; ?>
<!-- headline end -->

<!-- noscript: if JavaScript is enabled show this message and do not show archiv menu -->
<noscript><div class="noscript">Sorry, für das Archiv-Menü muss JavaScript in Ihrem Broswer eingeschalten sein</div></noscript>

<!-- style="display:none;"
hide the formular, if JavaScript is enabled.
Form will shown by JavaScript at the end of code of this template
-->
<form id="ArchivNaviForm" style="display:none;" action="">
<div class="ArchivNaviBlock">

<!-- drop-down-menu start -->

<!-- 
JavaScript tests the selected row in drop-down-menu. 
If it is not the first item (cause it is only text) 
than reload the page and show the selected month 
-->
<select id="ArchivNavi" onchange="if (document.getElementById('ArchivNavi').selectedIndex != 0)  parent.location.href = this.form.ArchivNavi.options[ this.form.ArchivNavi.options.selectedIndex ].value;">

<option selected="selected" value="">*** Auswahl Zeitraum *************************</option>

<!-- each YEAR in drop-down-menu -->
<?php foreach ($this->items as $year=>$months): ?>
  <!-- label YEAR -->
  <optgroup label="<?php echo $year; ?>">
  <!-- label MONTH start-->
<?php foreach ($months as $month): ?>
  <option <?php if($month['isActive']): ?>selected="selected"<?php endif; ?> value="<?php echo $month['href']; ?>"><?php echo $month['link']; ?><?php if ($this->showQuantity): ?> (<?php echo $month['quantity']; ?>)<?php endif; ?></option>
<?php endforeach; ?>
<!-- label MONTH end -->
</optgroup>
<?php endforeach; ?>

</select>
<!-- drop-down-menu end -->

</div>
</form>

<!--
  JavaScript: show formular
-->
<script type="text/javascript">
document.getElementById("ArchivNaviForm").style.display='inline';
</script>


</div>
<!-- indexer::continue -->

getestet mit: FF 3.6.10, FF 4.0 b6, IE 8 und IE 8 Kompatibilitätsmodus, Opera 10.61 + 10.62, Safari Mac 5.0.2 (6533.18.5)

Lassen sich auch anstatt des Zeitraums die Archive auswählen? So dass man den Archivnamen auswählt und alle News des Archives aufgelistet bekommt?

Zitat von Chris87

Lassen sich auch anstatt des Zeitraums die Archive auswählen? So dass man den Archivnamen auswählt und alle News des Archives aufgelistet bekommt?

Nein, das funktioniert mit dem Template nicht. Es geht ja auch viel einfacher. Einfach für jeden Archivnamen eine neue Seite anlegen und per Seitennavigation kannst du dir dann das entsprechende Archiv aussuchen.
Für weitere Fragen dazu bitte ein seperates Thema hier im Forum öffnen, damit das Thema hier nur auf das Theme bezogen bleibt

Ja, so kann man das natürlich machen, das war mir auch klar. Nur wäre es mMn komfortabler, wenn man das auch über das Menü machen könnte bzw. wenn man in Contao im Modul "Archiv Menü" statt Jahr, Monat, Tag auch Archiv auswählen könnte.

µaTh:
Wäre das nicht auch in der Wiki gut aufgehoben?

Hab es mit Safari Mac 5.0.2 (6533.18.5) getestet funktioniert!

Zitat von drefsa

µaTh:
Wäre das nicht auch in der Wiki gut aufgehoben?

Wenn du es in das Wiki eintragen möchtest, dann kannst du es gerne machen. Bitte einen entsprechenden Link auf den Thread hier setzen, falls es mal Updates geben sollte.

Zitat von Spencer

Hab es mit Safari Mac 5.0.2 (6533.18.5) getestet funktioniert!

Danke! Hab ich mit zu den getesteten Browsern hinzugefügt.

Ich denke viele sind auch so drauf gekommen, aber ich poste es trotzdem nochmal: Das Modul hier funktioniert auch super für die Terminlisten

.....

edit: Wenn man die index.php in Contao-Adressen vom CMS nicht wegtrimmen lässt, benötigt man für IE-Kompatiblität ein " ../ " innerhalb von value="" an dieser Stelle:

Code: [Ansicht]

  <!-- label MONTH start--> 
<?php foreach ($months as $month): $month['link'] = ereg_replace(trim($year), '', $month['link']); ?> 
  <option <?php if($month['isActive']): ?>selected="selected"<?php endif; ?> value="<?php echo $month['href']; ?>"><?php echo $month['link']; ?><?php if ($this->showQuantity): ?> (<?php echo $month['quantity']; ?>)<?php endif; ?></option> 
<?php endforeach; ?> 
<!-- label MONTH end -->

Zitat von r13

Ich denke viele sind auch so drauf gekommen, aber ich poste es trotzdem nochmal: Das Modul hier funktioniert auch super für die Terminlisten

.....

edit: Wenn man die index.php in Contao-Adressen vom CMS nicht wegtrimmen lässt, benötigt man für IE-Kompatiblität ein " ../ " innerhalb von value=""

Danke für die beiden Hinweise. Dass das Template auch für Terminlisten genutzt werden kann, ist mir neu (hab den Kalender bis heute noch nicht genutzt).

ich bin gerade dabei an der Version 1.1 zu basteln. Und zwar kommt als zusätzliches Feature ein "Monat rauf/runter"-Link hinzu. So dass man einfach in den nächsten/vorherigen Monat springen kann, ohne die lange <Option>-Liste zu nutzen.

Die Links schauen wie folgt aus:

HTML-Code: [Ansicht]

<a href="javascript:if ( 1 < document.getElementById('ArchivNavi').options.selectedIndex ) parent.location.href = document.getElementById('ArchivNavi').options[ document.getElementById('ArchivNavi').options.selectedIndex -1].value;">Monat vor</a> | 
<a href="javascript:if ( document.getElementById('ArchivNavi').length > document.getElementById('ArchivNavi').options.selectedIndex +1) parent.location.href = document.getElementById('ArchivNavi').options[ document.getElementById('ArchivNavi').options.selectedIndex +1].value;">Monat zurück</a>

Leider hab ich noch keine so richtig gute Idee, wie man die Links bezeichnen kann bzw. wie die Links besser positioniert werden könnten.

Hier und jetzt ist eure Kreativität gefragt! Entweder per PM oder hier im Forum. Über Anregungen bin ich gespannt.

So, jetzt gibts hier die Version 1.1.0 für das Archivmenü für Monat und Jahr!

Archivmenü "Jahr": mod_newsmenu_year.tpl

Code: [Ansicht]

<!-- indexer::stop -->

<?php/*
* @template: mod_newsmenu_year.tpl
* @module:   News archive menu (Archive format: Year)
* @function: news archiv menu as a drop-down-menu
* @version:  1.1.0.y (2011-04-29)
* @tested:   Contao 2.9.4
* @author:   µaTh
*
* needs JavaScript enabled
*
* help and new free versions: (German bulletin board) http://www.contao-community.de/showthread.php?9291
**/
?>



<div class="<?php echo $this->class; ?> block"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>

<!-- headline start -->
<?php if ($this->headline): ?>
<<?php echo $this->hl; ?>><?php echo $this->headline; ?></<?php echo $this->hl; ?>>
<?php endif; ?>
<!-- headline end -->

<!-- noscript: if JavaScript is enabled show this message and do not show archiv menu -->
<noscript><div class="noscript">Sorry, für das Archiv-Menü muss JavaScript in Ihrem Broswer eingeschalten sein</div></noscript>

<!-- style="display:none;"
hide the formular, if JavaScript is enabled.
Form will shown by JavaScript at the end of code of this template
-->
<form id="ArchivNaviForm" style="display:none;" action="">
<div class="ArchivNaviBlock">



<!-- drop-down-menu start -->

<!-- 
JavaScript tests the selected row in drop-down-menu. 
If it is not the first item (cause it is only text) 
than reload the page and show the selected month 
-->
<select id="ArchivNavi" onchange="if (document.getElementById('ArchivNavi').selectedIndex != 0)  parent.location.href = this.form.ArchivNavi.options[ this.form.ArchivNavi.options.selectedIndex ].value;">

<option selected="selected" value="">*** Auswahl Zeitraum *************************</option>

<!-- each YEAR in drop-down-menu -->
<?php foreach ($this->items as $year=>$month): ?>
  <!-- label MONTH start-->
  <option <?php if($month['isActive']): ?>selected="selected"<?php endif; ?> value="<?php echo $month['href']; ?>">
    <?php echo $month['link']; ?><?php if ($this->showQuantity): ?> (<?php echo $month['quantity']; ?>)<?php endif; ?>
  </option>
<!-- label MONTH end -->
<?php endforeach; ?>

</select>
<!-- drop-down-menu end -->

<a href="javascript:if ( 1 < document.getElementById('ArchivNavi').options.selectedIndex ) parent.location.href = document.getElementById('ArchivNavi').options[ document.getElementById('ArchivNavi').options.selectedIndex -1].value;">Jahr vor</a> | 
<a href="javascript:if ( document.getElementById('ArchivNavi').length > document.getElementById('ArchivNavi').options.selectedIndex +1) parent.location.href = document.getElementById('ArchivNavi').options[ document.getElementById('ArchivNavi').options.selectedIndex +1].value;">Jahr zurück</a>

</div>
</form>

<!--
  JavaScript: show formular
-->
<script type="text/javascript">
document.getElementById("ArchivNaviForm").style.display='inline';
</script>


</div>
<!-- indexer::continue -->

Archivmenü "Monat": mod_newsmenu.tpl

Code: [Ansicht]

<!-- indexer::stop -->

<?php
/*
* @template: mod_newsmenu.tpl
* @module:   News archive menu (Archive format: Month)
* @function: news archiv menu as a drop-down-menu
* @version:  1.1.0.m (2011-04-29)
* @tested:   Contao 2.9.4
* @author:   µaTh
*
* needs JavaScript enabled
*
* help and new free versions: (German bulletin board) http://www.contao-community.de/showthread.php?9291
*/
?>


<div class="<?php echo $this->class; ?> block"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>
<!-- headline start -->
<?php if ($this->headline): ?>
<<?php echo $this->hl; ?>><?php echo $this->headline; ?></<?php echo $this->hl; ?>>
<?php endif; ?>
<!-- headline end -->

<!-- noscript: if JavaScript is enabled show this message and do not show archiv menu -->
<noscript><div class="noscript">Sorry, für das Archiv-Menü muss JavaScript in Ihrem Broswer eingeschalten sein</div></noscript>

<!-- style="display:none;"
hide the formular, if JavaScript is enabled.
Form will shown by JavaScript at the end of code of this template
-->
<form id="ArchivNaviForm" style="display:none;" action="">
<div class="ArchivNaviBlock">

<!-- drop-down-menu start -->

<!-- 
JavaScript tests the selected row in drop-down-menu. 
If it is not the first item (cause it is only text) 
than reload the page and show the selected month 
-->
<select id="ArchivNavi" onchange="if (document.getElementById('ArchivNavi').selectedIndex != 0)  parent.location.href = this.form.ArchivNavi.options[ this.form.ArchivNavi.options.selectedIndex ].value;">

<option selected="selected" value="">*** Auswahl Zeitraum *************************</option>

<!-- each YEAR in drop-down-menu -->
<?php foreach ($this->items as $year=>$months): ?>
  <!-- label YEAR -->
  <optgroup label="<?php echo $year; ?>">
  <!-- label MONTH start-->
<?php foreach ($months as $month): ?>
  <option <?php if($month['isActive']): ?>selected="selected"<?php endif; ?> value="<?php echo $month['href']; ?>"><?php echo $month['link']; ?><?php if ($this->showQuantity): ?> (<?php echo $month['quantity']; ?>)<?php endif; ?></option>
<?php endforeach; ?>
<!-- label MONTH end -->
</optgroup>
<?php endforeach; ?>

</select>
<!-- drop-down-menu end -->

<a href="javascript:if ( 1 < document.getElementById('ArchivNavi').options.selectedIndex ) parent.location.href = document.getElementById('ArchivNavi').options[ document.getElementById('ArchivNavi').options.selectedIndex -1].value;">Monat vor</a> | 
<a href="javascript:if ( document.getElementById('ArchivNavi').length > document.getElementById('ArchivNavi').options.selectedIndex +1) parent.location.href = document.getElementById('ArchivNavi').options[ document.getElementById('ArchivNavi').options.selectedIndex +1].value;">Monat zurück</a>

</div>
</form>

<!--
  JavaScript: show formular
-->
<script type="text/javascript">
document.getElementById("ArchivNaviForm").style.display='inline';
</script>


</div>
<!-- indexer::continue -->

Viel Spaß damit.

Super Template!

Funktionier allerdings bei mir nur wenn ich das template im ordner modules/news überschreibe (Contao 2.10.1).
Übers Backend in Templates werden die Änderungen nicht übernommen.

Habe allerdings festgestellt das die Buttons "Monat vor | Monat zurück" vertauscht sind.
denn wenn ich im April bin und auf Monat zurück drücke, lande ich im Mai

Zitat von TheKidRocker

Funktionier allerdings bei mir nur wenn ich das template im ordner modules/news überschreibe (Contao 2.10.1).
Übers Backend in Templates werden die Änderungen nicht übernommen.

Ich habe bis jetzt noch keine Contao 2.10 Erfahrungen und kann dir da leider kein Tipp dazu geben und ist unabhängig von diesem Code hier.

Zitat von TheKidRocker

Habe allerdings festgestellt das die Buttons "Monat vor | Monat zurück" vertauscht sind.
denn wenn ich im April bin und auf Monat zurück drücke, lande ich im Mai

Bei dir sind die Einträge in der Select-Box anders rum sortiert. Woran das liegt (evtl. Contao 2.10-spezifisch?) kann ich nicht sagen.

Ich benutze das Menü unter 2.10 (sowohl für News als auch Events) und es läuft einwandfrei. Welches Ausgabeformat hat deine Frontpage? HTML (5) oder XHTML?

Das Template unter modules/news auf keinen Fall überschreiben. Am besten wieder auf 2.10 Standard zurücksetzen und stattdessen im Backend unter "Layout" -> "Templates" ein neues Template mod_newsmenu.AUSGABEFORMAT im Ordner deines Seitentemplates anlegen. Dort dann µaTh's Code einfügen und speichern.

Besten Dank für das geniale Template!! Genau das habe ich gesucht!

Zitat von Michael

Besten Dank für das geniale Template!! Genau das habe ich gesucht!

Wir nutzen das Template auch schon ein weilchen. Auch von uns ein Danke für das Template!

Besser kann man wohl kein größeres Archiv als Liste darstellen.

Danke für dieses Template und diesen Thread sehr interessant.

Was muss ich tun um bei dem Menü statt Monat (XY Einträge) nur Monat (XY) stehen zu haben?

<?php if ($this->showQuantity): ?> (<?php echo $month['quantity']; ?>)

Oder das irgendwie über die Sprachendatei anpassen ?

VG
Zwergenmeister

Das Template funktioniert leider nur bis Contao 3.1.5. Ab Version 3.2.x löscht Contao die URI, weshalb der Javascriptsprung mit parent.location.href nicht mehr funktioniert.

Hat jemand schon eine Lösung?

Hat jemand diese Template schon mit Contao 3.5 im Einsatz?
Finde eine Dropwdown viel praktischer als eine mit den Jahren lange Auflistung.

Beste Grüsse
Michael

Zitat von Michael

Hat jemand diese Template schon mit Contao 3.5 im Einsatz?
Finde eine Dropwdown viel praktischer als eine mit den Jahren lange Auflistung.

Habe eben eine Installation von 2.9 auf 3.5 geupdatet. Dort läufts problemlos.

Kann es sein, dass es mit 3.4.4 nicht funktioniert und mit 3.5 schon? Dann würde ich eine Update in Erwägung ziehen..
Beste Dank für einen Tipp!
Michael

auf Grund eines Bugs in Contao 3.5 (evtl. auch in vorherigen Versionen...) funktioniert die Eventliste Menü nicht korrekt: https://github.com/contao/core/issues/7953
Newsliste Menü funktioniert

Besten Dank für die Info!
Ich möchte das Template nur das News-Archivmenü. Ich habe nun herausgefunden. dass wenn ich im Modul das geänderte Template auswähle, dies wahrscheinlich gar nicht berücksichtig.
An was kann dies liegen?