Kalender - Anker für die Vor- und Zurück Schaltflächen

[PloOl]

Unser Kalender befindet sich auf der Startseite, jedoch im unteren Bereich, sodass zunächst gescrollt werden muss. Wenn man jetzt im Kalender über die Vor- und Zurück Schaltflächen in einen anderen Monat wechselt, dann wird die Seite wieder von oben angezeit und man muss erneut scrollen
.
Wo und wie müsste ich einen Anker setzen?

[Tim]

Der Anker müsste im Kalender Template gesetzt werden. Das Theme nutzt hier Contao Standards. Dies wäre standardmäßig: cal_default.html5 -> ganz oben schreibt Contao die Links

[PloOl]

Ich habe den href um den Anker angepasst - ist das so richtig?

<table class="calendar">
<thead>
  <tr>
    <th colspan="2" class="head previous"><?php if ($this->prevHref): ?><a href="<?= $this->prevHref #Kalender ?>" title="<?= $this->prevTitle ?>"><?= $this->prevLink ?></a><?php else: ?>&nbsp;<?php endif; ?></th>
    <th colspan="3" class="head current"><?= $this->current ?></th>
    <th colspan="2" class="head next"><?php if ($this->nextHref): ?><a href="<?= $this->nextHref #Kalender ?>" title="<?= $this->nextTitle ?>"><?= $this->nextLink ?></a><?php else: ?>&nbsp;<?php endif; ?></th>
  </tr>

Auf der Seite muss ich ja den Anker setzen. Am Kalender selbst finde ich jetzt keine Möglichkeit. Deshalb habe ich den beim "Begleittext" gesetzt (Text und Kalender sind per Artikelwrapper umschlossen).

Aber so ändert sich nichts.

[PloOl]

Hier ist die Lösung:

Folgenden Code in das Template cal_default_html5 einfügen.

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