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.