Monate im Minikalender durchblättern ohne das die Seite neu lädt?

[bkbg]

Hallo,

ich verwende auf der Startseite den Mini-Kalender. Wenn ich hier den Monat wechseln möchte, lädt jedesmal die ganze Seite neu.

Kann man das evt. irgendwo einstellen, dass nur der Kalendermonat durchgeblättert werden kann, ohne dass die ganze Seite neu geladen wird?

ev_screen.jpg

[kmielke]

Hallo,

nein, das kann man nicht einstellen. Was du machen kannst, ist das Template so ändern, dass Daten via Ajax geladen werden. Das musst du programmieren.

Gruß Kester

[Spooky]

Ganz allgemein könnte man es mit jQuery bspw. so machen (ungetestet):

$(document).ready( function()
{
    $('.mod_calendar').on('click', '.head a', function(e)
    {
        e.preventDefault();
        $('.mod_calendar').load( $(this).attr('href') + ' .mod_calendar > *' );
        return false;    
    });    
}); 

Funktioniert jedoch nicht richtig, wenn mehrere Kalender auf einer Seite sind.

// Funktionierende Variante: https://community.contao.org/de/show...l=1#post350838 (allerdings auch nur mit einem Kalender pro Seite).

[hase666]

https://github.com/contao/core/issues/2152

leofeyer commented on Nov 29, 2011

In der Version 3 wird der Minikalender mittels Ajax funktionieren. Dann stellt sich das Problem nicht mehr.

Woran ist es gescheitert, oder habe ich doch auch etwas übersehen?

[amisso]

ich denke mal, dass leo das geplant hat und dann doch nicht umgesetzt hat
immerhin hat er das geschrieben, bevor die entwicklung von 3.0 richtig los ging
das ticket auf github ist ja auch immernoch offen

frag doch am besten direkt auf github im ticket nochmal nach

[mfn_contao]

Hallo,
ich habe das gleiche Anliegen... Eventliste ist auf der selben Seite wie der Kalender und soll Events für den ausgewählten Tag anzeigen, möchten man im Kalender blättern, zeigt er darüber eben auch immer den vollen Monat in der Liste an. Für den Benutzer nicht plausibel ...
Wie hast du es gelöst?

[magicsepp]

Für den Benutzer nicht plausibel ...

Versteh ich nicht so ganz... beim klick auf den Tag wird die Eventliste vom Tag angezeigt, blättert man um einen Monat vor oder zurück wird eine Monatsliste angezeigt (weil damit ja kein Tage mehr ausgewählt ist) - was ist daran bitte nicht plausibel? Ändern läßt sich das im Template einfach die Monatslinks raus und schon gibt es nur noch Tage...

[Spooky]

Versteh ich nicht so ganz... beim klick auf den Tag wird die Eventliste vom Tag angezeigt, blättert man um einen Monat vor oder zurück wird eine Monatsliste angezeigt (weil damit ja kein Tage mehr ausgewählt ist) - was ist daran bitte nicht plausibel? Ändern läßt sich das im Template einfach die Monatslinks raus und schon gibt es nur noch Tage...

Er will ja, dass die Eventliste nicht auf die Monatsauswahl des Kalenders reagiert.

[mfn_contao]

Ja, so meinte ich es Spooky! denn man soll schon im Kalender blättern können, um zu sehen, ob es im nächsten Monat Veranstaltungen gibt, aber die Veranstaltungen selbst (also die Ausgabe in der Eventliste) sollen sich nur beim Klick auf einen Tag ändern.

[Spooky]

Probier' mal folgendes JavaScript:

$(document).ready( function()
{
    $('.mod_calendar').on('click', '.head a', function(e)
    {
        e.preventDefault();
        $('.mod_calendar').load( $(this).attr('href') + ' .mod_calendar > *' );
        return false;    
    });    
}); 

[sven_rahn]

Thema ist zwar schon älter. Problem für mich aber neu :-)
Frage: Wo muss ich den Javascript denn einbauen?

[Samson1964]

Das bleibt Dir überlassen. Da gibt es mehrere Möglichkeiten. Ich würde es im Template des Kalenders machen, weil Du den Code ja nur dort brauchst.

[oligro]

ich habe es eingebaut, im kalendertemplate, gleich danach. leider lädt der kalender genau so, wie ohne script:

https://www.pallottiner-freising.de/...l?month=201901

weiß jemand eine lösung??

[xchs]

Ja, funktioniert.

Wieso bindest Du das Code-Snippet zweimal auf Deiner Seite ein? Derzeit wird der Code ganz unten am Seitenende direkt auf der Website angezeigt. Es reicht, wenn Du den Code im Template mod_calendar.html5 einfügst.

[oligro]

war nur ein versehen, weil ich es zuerst im seiten-theme drinne hatte.
aber trotzdem: wenn ich oben rechts auf den neuen monat klicke, wird die seite neu geladen. ich sehe das daran, das, wenn ich runtergescrollt bin, dann auf den monat klicke die seite aufflasht und wieder am seitenanfang hängt.

was tun??

[xchs]

Inzwischen scheint es ja zu funktionieren.

Soweit ich heute Mittag gesehen hatte, gab es einen JavaScript-Fehler, wodurch das Code-Snippet nicht mehr zur Ausführung kam.

[oligro]

tatsache, jetzt gehts.
ich glaube es lag an dem jquery $.noConflict(); wenn man das weglässt gehts.

[grashalm]

hallo leute,

habe das gleiche problem wie oligro, bekomme es aber nicht gelöst, wie oligro... nutze contao 4.6.8.

das ist die seite, auf der ich den minikalender eingebunden habe und die monate umblättern möchte, ohne dass die gesamte seite neu geladen wird: https://www.die-schreibmaus.de/ueber...m?month=201109

wenn ich das code-snippet in mod_calendar.html5 einbinde (egal wo), lädt die seite trotzdem immer noch komplett neu.

tatsache, jetzt gehts.
ich glaube es lag an dem jquery $.noConflict(); wenn man das weglässt gehts.

wo hast du den jquery-ausdruck gefunden und dann weggelassen? im template ist er jedenfalls nicht zu finden...

wäre toll, wenn ihr mir hier auch helfen könntet.

liebe grüße, grashalm

[Spooky]

Poste einen Link zur Seite.

[lucina]

Hat er doch ... ;-)

[grashalm]

hier gerne noch mal der link: https://www.die-schreibmaus.de/ueber...m?month=201109

[moritz123]

Das Snippet von Spooky funktioniert auch mit mehreren Kalendern auf einer Seite, wenn jeder Kalender in einem eigenen Container liegt:

$('.container .mod_calendar').on('click', '.head a', function(e)
  {
      e.preventDefault();
      $('.container .mod_calendar').load( $(this).attr('href') + ' .container .mod_calendar > *' );
      return false;
  });

[susi.15]

Hola,
ich würde gerne alles nicht-laden lassen.... Also nicht nur, wenn ich durch die Monate blättere, sondern auch, wenn ich auf die Tage klickt und der EVentleser erscheint.

Kann sich einer vorstellen, wie das funktionieren könnte?

[mandrael]

Hi,
ich habe gesehen, dass der Kalender auf der Pallottiner-Seite die Seite beim Monatswechsel noch neu lädt, das Problem also nicht behoben ist. Daher hier das komplette modifizierte Template, wie es bei mir letztendlich funktioniert hat:

mod_calendar.html5

<?php $this->extend('block_unsearchable'); ?>

<?php $this->block('content'); ?>

  <?= $this->calendar ?>

<script>
$(document).ready( function()
{
    $('.mod_calendar').on('click', '.head a', function(e)
    {
        e.preventDefault();
        $('.mod_calendar').load( $(this).attr('href') + ' .mod_calendar > *' );
        return false;    
    });    
}); 
</script>

<?php $this->endblock(); ?>

Liebe Grüße, Michael

[zonky]

https://github.com/richardhj/contao-...#ajax-calendar