Christian Kruse: Einstellungen überarbeiten, Prototyp, Bitte um Hilfe

Beitrag lesen

Hallo Auge,

Direkte Hilfe kann ich gerade leider keine geben

Die Bitte richtete sich in die Runde der hier Lesenden, nicht direkt an dich.

War mir schon klar, so egozentrisch bin ich dann auch nicht ;-) Ich wollte nur nicht unhöflich sein und wenn ich antworte darauf eingehen.

So, ich habe mal ein wenig herumgespielt. Was hälst du hiervon?

$(document).ready(function() {
    var targetlist = '<nav><ul class="tabswitcher"></ul></nav>', targets = '';
    $('.cf-tab-content').prepend(targetlist);
    $('.cf-tab-pane').each(function(){
      targets += '<li><a href="#' + this.id + '">' + $(this).children('legend').text() + '</a></li>';
    });

    $('.tabswitcher').append(targets);
    $("body").addClass("tabs-active");

    var hash = document.location.hash;
    if(!hash) {
      var first = $(".tabswitcher li a:first");
      hash = first.attr("href");
      history.pushState({}, first.text(), hash);
    }

    $(hash).addClass('active');

    $('.tabswitcher li a').on('click', function(ev) {
      ev.preventDefault();
      $(".cf-tab-pane.active").removeClass("active");

      var anchor = $(this).attr("href");
      $(anchor).addClass("active");
      history.pushState({}, $(this).text(), anchor);
    });

    $(window).on('popstate', function() {
      var anchor = document.location.hash || $(".tabswitcher li a:first").attr("href");
      $(".cf-tab-pane.active").removeClass("active");
      $(anchor).addClass("active");
    });
});
.tabs-active {
  .tabswitcher li {
	  margin-right: 0.3em;
  }
  .cf-tab-pane:not(.active) {
	  display: none;
  }
}

LG,
CK

0 110

Links in neuem Fenster öffnen

  1. 1
    1. 0
      1. 1
    2. 0
      1. 0
      2. 0
        1. 3
          1. 0
    3. 0
      1. 0
        1. 0
          1. 1
            1. 3
              1. 1
                1. 0
                  1. 0
                    1. 0
                      1. 0
                        1. 0

                          ein Anfang

                  2. 0
                    1. 0
                      1. 3

                        Einstellungen überarbeiten, Prototyp

                        1. 0
                          1. 0
                            1. 0
                              1. 0

                                Einstellungen überarbeiten, Prototyp, Bitte um Hilfe

                                1. 0
                                  1. 0
                                    1. 0
                                      1. 1
                                        1. 2
                                          1. 0
                                          2. 0
                                            1. 0
                                              1. 0
                                                1. 0
                                                  1. 1
                                                    1. 0
                                                      1. 0
                                                        1. 1
                                                          1. 0
                                                            1. 0
                                                              1. 0
                                                                1. 0
                                                                  1. 0
                                                                    1. 0
                                                                    2. 0
                                                                      1. 0
                                                                      2. 0
                                                                2. 0
                                                              2. 0
                                                                1. 0
                                                              3. 0
                                                                1. 0
                                                                  1. 0
                                                                    1. 2
                                            2. 0
                                          3. 0
                                            1. 0
                                              1. 1
                                        2. 1
                                          1. 0
                                            1. 0
                        2. 0
                2. 0
                  1. 0
                    1. 0
                    2. 0
              2. 0
              3. 0

                Alt-Text eines eigenen Avatars

                1. 0
                  1. 0
                    1. 2
                      1. 0
                        1. 0
                          1. 1
                            1. 0
                              1. 0
                                1. 0
                            2. 0
                        2. 0
                          1. 0
                        3. 0
                          1. 0
                            1. 0
                              1. 0
                                1. 0
                              2. 0
                        4. 0
                      2. 0
                        1. 1
                          1. 0
                            1. 0
                              1. 0
                      3. 0
                        1. 0
              4. 0
                1. 1
                  1. 0
                    1. 0
                      1. 0
                        1. 1
                          1. 0
                            1. 0
                      2. 0
                      3. 0
            2. 0
              1. 0
                1. 0