Registerkarten direkt verlinken

Tabs in ProWeb per Link öffnen

Ähnlich wie hier für Databeckers web to date 8 oder shop to date 8 beziehungsweise Siquando Web 8 und Shop 8 erfahren Sie auf dieser Seite wie Registerkarten (oft auch Tabs genannt) direkt verlinkt werden können. Um die Registerkarten in SIQUANDO Pro Web um diese Funktion zu erweitern muss lediglich die Datei „tab.js” angepasst werden. Ein Beispiel der Anpassung finden Sie bei den Registerkarten der Miami-Demo, hier wurde die zweite Registerkarte verlinkt.

Die angegebenen Pfade oder Dateien geben wir immer ausgehend vom Haupt- bzw. Root-Verzeichnisses an. Die erwähnten Dateien befinden sich auf Ihrem Webspace und/oder müssen mit einem FTP-Programm, wie dem kostenlosen Programm FileZilla , zunächst heruntergeladen dann bearbeitet und anschließend wieder hochgeladen und überschrieben werden.

Sollten Sie Fragen oder Anregen haben, können Sie mir gerne weiter unten einen Kommentar hinterlassen oder eine Nachricht senden.

Schritt 1: Backup erstellen

Bevor Sie Datei modifizieren erstellen Sie bitte immer eine Sicherung (ein Backup) der Datei. Bei dieser Modifikation sichern Sie bitte /ngplugincontainer/ngplugincontainertab/js/tab.js.

Schritt 2: Anpassung der Javascript-Datei tab.js

Öffnen Sie nun die Datei /ngplugincontainer/ngplugincontainertab/js/tab.js und ersetzen den kompletten Inhalt durch:

(function($) {
  $.fn.ngtab = function() {

    tab = $(this);

    function selectTab(id) {
      tab.parent().parent().next().find('.tabarea').each(function(i, e) {
        if (e.id == id) {
          $(e).removeClass('tabareaclosed');
        } else {
          $(e).addClass('tabareaclosed');
        }
      });
      tab.parent().parent().find('a').each(function(i, e) {
        if (e.href.substr(this.href.lastIndexOf('#') + 1) == id) {
          $(e).addClass('tabselected');
        } else {
          $(e).removeClass('tabselected');
        }
      });
      $(window).trigger('resize');
    }

    this.click(function() {
      id = this.href.substr(this.href.lastIndexOf('#') + 1);
      selectTab(id);
      return false;
    });

    if ($(location.hash).length) {
      id = location.hash.substr(1);
      selectTab(id);
    }

  };
})(jQuery);

$(window).on("load", function() {
  $('ul.tab a').ngtab();
});


Feedback

Sie haben Fragen, Anregungen oder eine Kritik? Dann nutzen Sie unsere Kommentar-Funktion. Natürlich würden wir uns auch über eine kleine PayPal-Spende freuen.

Adam schrieb am 04.01.2018 um 08:56

Hallo,
wie muss dieser Code verändert werden um auf einzelne Akkordeon-Tabs verlinkbar zu sein?
Beispielsweise im Bootstrap 3 des Siquando Pro Web 1.
MfG
Dafür müsste die Datei classes/plugins/ngplugincontainer/ngplugincontaineraccordion/js/accordion.js angepasst haben. Ohne es getestet zu haben ist ein wie allerdings nicht zu beantworten.

KARO Webdesign & Entwicklung (siquando-designs.de) verwendet Cookies, um die Dienste ständig zu verbessern und bestimmte Features zu ermöglichen. Indem Sie hier fortfahren, stimmen Sie dieser Verwendung zu. Mehr erfahren