[Tabcontrol] Galerie mit Pagination

[grand]

Hallo Leute,

ich hab soeben das Tabcontrol Modul installiert und habs sogar zum laufen gebracht

Leider hab ich jetzt eine unschöne Entdeckung gemacht, und zwar wenn ich eine Bildergalerie mit pagination in einen Reiter lege und dann eine Seite weiterclicke wird diese zwar geladen aber der Focus des Tabmoduls wird wieder auf den ersten Reiter gesetzt.

Kann ich da was umstellen oder so oder ist das ein bekanntes Problem?

Danke vielleicht kann mir einer helfen!

[Pacolu]

Hallo Community,

also auch nach vielen Jahren scheint das Problem noch aktuell zu sein.
Also ich bastle Berufsmäßig auch an einer Contao Seite und habe zur besseren Übersicht eine Seite die mit 3 UnterseitenTabs quasi gefüllt ist.
Sprich einfach Plugin installiert, bei Artikel Start und End eingefügt und dazwischen eben Include Article. Funktioniert soweit auch super, nur haben diese Unterseiten jeweils eine Bildgalerie.
Da die Pagination ja nichts andres macht als die Seite neu zu laden und page=2 dran zu heften, liegt das Problem darin, dass beim neu laden der Seite 1. der 1. Tab aktiv ist (zwar auch mit Seite 3) und somit 2. Es zu unschönne Seiten kommen kann, wenn die Galerie im Tab 2 mehr Seiten an Bildern hat als die 1. .

Gibt es da inzwischen eine Lösung, welche zum Beisiel nur den Tabinhalt neu lädt, mit Ajax oder vielleicht einen ganz anderen Workaround bietet?

Wäre für Hilfe wirklich dankbar.

MfG
Pacolu

[bes0nic]

Inzwischen haben wir Agenturintern eine Lösung entwickelt, die ich euch nicht vorenthalten möchte. Damit ist es allgemein möglich, bei einer mehrseitigen Galerie (die als Content Element eingebunden ist) per AJAX die einzelnen Seiten zu durchblättern und somit auf ein Neuladen der Seite zu verzichten. Somit gibt es kein Problem mit Tabcontrol und beides funktioniert harmonisch miteinander.

Wie das dann aussehen kann, seht ihr hier:
http://www.ingegraessle.eu/besuche
(weiter unten auf der Seite gibt es ein Tabcontrol-Element "Brüssel"/"Straßburg"/"Luxemburg", in welchem Galerien liegen)


HowTo

- Zuerst muss sichergestellt sein, daß Script-Tags nicht von Contao herausgefiltert werden. Im Backend gibt es im Bereich "Einstellungen" dafür den Punkt "erlaubte Tags", wo die Ausnahme hinzugefügt werden kann.

- danach muss die ID der Galerie in Erfahrung gebracht werden. Bewegt dazu in der Listendarstellung aller Content-Elemente den Mauszeiger über den "Bearbeiten"-Stift des Galerie-Content-Elements und lest im erscheinenden gelben Tooltip die ID ab.

- Nun muss unter der Galerie muss ein neues Inhaltselement vom Typ "HTML" erstellt werden. In dieses Element wird der folgende Code hineinkopiert und die ID ersetzt.

<script>
  function gallery_reload(){
     document.getElements('.pagination a').addEvent('click', function(event){
          event.preventDefault();
          if (event.target.get('href').match('page=[0-9]') != null){  
            var page = event.target.get('href').match('page=[0-9]');
            var url = 'g=1&action=cte&id=***&'+page;  //ID des Inhaltselementes
          }else{
            var page = 'page=1';
            var url = 'g=1&action=cte&id=***&page=0'; //ID des Inhaltselementes
          }
          new Request.JSON({
                  method:'get',
                  data:url,
                  url:'ajax.php',
                  update: event.target.getParent('.ce_gallery'),
                  onSuccess: function(responseText) { event.target.getParent('.ce_gallery').set('html', responseText.content); Slimbox.scanPage(); gallery_reload();},
              }).send();
          return false;
      });
  };
window.addEvent('domready', function(){
  gallery_reload();
});
</script>

- solltet Ihr auf der Seite nicht die Contao-eigene Slimbox verwenden, sondern ein anderes Lightbox-Script, so muss der Funktionsaufruf "Slimbox.scanPage();" gelöscht werden. Stattdessen muss eine entsprechende Anweisung eurer eigenen Lightbox-Lösung eingefügt werden, welche die Seite nach Bildern scannt und den Lightbox-Effekt drüberlegt.


Na dann, viel Spaß beim nachbauen! Natürlich kann das noch weiterentwickelt werden (z.B. als Extension, welche eine Checkbox "[x] per AJAX weiterblättern" zum Galerie-Content-Element hinzufügt und das Javascript dann automatisch einbindet), aber die Grundfunktionialität ist gegeben und die Verwendung von Tabcontrol+Galerie keine Hürde mehr.