Ankündigung

Einklappen
Keine Ankündigung bisher.

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

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

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

    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?

  • #2
    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
    http://www.premium-contao-themes.com

    Kommentar


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

      PHP-Code:
      <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).
      Klicke auf die Grafik für eine vergrößerte Ansicht

Name: Kalender.PNG
Ansichten: 64
Größe: 39,5 KB
ID: 8950
      Aber so ändert sich nichts.

      Kommentar


      • #4
        Hier ist die Lösung:

        Folgenden Code in das Template cal_default_html5 einfügen.

        Code:
        <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);

        Kommentar

        Lädt...
        X