Ergebnis 1 bis 1 von 1

Thema: j_accordion.html5 - ID nach Wochentag triggern.

  1. #1
    Contao-Nutzer Avatar von djo
    Registriert seit
    30.01.2011.
    Ort
    Waldshut-Tiengen
    Beiträge
    210

    Standard j_accordion.html5 - ID nach Wochentag triggern.

    Hallo zusammen,


    anbei das Accordion vom Wochentag getriggert:

    PHP-Code:
    <script src="<?php echo TL_ASSETS_URL?>assets/jquery/ui/<?php echo JQUERY_UI?>/jquery-ui.min.js"></script>
    <script>
      (function($) {
        $(document).ready(function() {     
          $(document).accordion({
            // Put custom options here
            heightStyle: 'content',
            header: 'div.toggler',
            collapsible: true,
            active: false
          });
          var activate = function(tog) {
            var tgs = $('div.toggler');
            tgs.removeClass('active');
            tog.addClass('active');
            tgs.next('div.accordion').attr('aria-hidden', 'true');
            tog.next('div.accordion').attr('aria-hidden', 'false');
         scrollToTop(tog);
          };
          $('div.toggler').focus(function(e) {
            $('div.toggler').attr('tabindex', 0);
            $(this).attr('tabindex', -1);
          }).blur(function() {
            $(this).attr('tabindex', 0);
          }).click(function() {
            activate($(this));
          }).keypress(function(event) {
            if (event.keyCode == 13) activate($(this));
          });
        var scrollToTop = function(tog) {
            $('html, body').animate({scrollTop: $(tog).offset().top}, 700);
          };
     // Wochentag ermitteln
    // Wochentag-Funktion (siehe oben)

          // direkt anspringen über Anker(ID)
          $('div.toggler').each(function(el, index){
          // Wochentag
                   function wochentag(i){
        var tage = ['ui-accordion-1-header-6','ui-accordion-1-header-0','ui-accordion-1-header-1', 'ui-accordion-1-header-2', 'ui-accordion-1-header-3', 'ui-accordion-1-header-4', 'ui-accordion-1-header-5','ui-accordion-1-header-6'];
        var tag = (typeof(i) == 'object') ? i.getDay() : i ;
        return tage[tag];
    }
    // Aktuelles Datum ermitteln
    var datum = new Date();
    // Wochentag des Datums im "JavaScript-Format"
    var tag = datum.getDay();
    // Wochentag-Name in die Konsole schreiben//
             // Wochentag-Funktion (siehe oben)
    if ((wochentag(tag)) == $(index).attr('id') )
            { index.click(); }
          });      
        });
      })(jQuery);
    </script>

    Ich hoffe es gefällt.
    Geändert von djo (22.09.2014 um 10:50 Uhr)

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •