Home → Contao →

Verwendung: Link zu einem geöffneten Tab

• Edit

Rüdiger

17 Aug, 2015 06:33 PM

Produkt: Tao Contao
Contao-Version: 3.5.2
Browser und Browserversionen: GVersion 44.0.2403.155 m

Hallo!

Ich habe eine Seite mit drei Tabs, funktioniert einwandfrei.

Nun möchte ich von einer anderen Seite auf die Seite mit den Tabs verlinken.

Hierbei soll jeweils ein anderes Tab geöffnet erscheinen.

Wenn ich die Tab - Links mit seite.html#tab1 oder seite.html#tab2 usw. verwende funktioniert das leider nicht, es ist immer der erste Tag geöffnet.

Gibt es eine Möglichkeit direkt zu anderen geöffnetes Tabs zu verlinken?

Vielen Dank!

1. Support Staff 1 Posted by RockSolid Theme... on 18 Aug, 2015 05:14 AM

   

   Vielen Dank für Ihre Frage.

   Eine Funktion zum anspringen der Tabs ist derzeit nicht eingebaut. Das zutreffende JavaScript finden Sie in der Datei files/tao/js/script.js ca. ab Zeile 706 beim Kommentar // Tabs. Sie können dort die 4 Zeilen ab // First element mit folgendem Code ersetzen:

   // First element
   if (!clickFirst) {
       clickFirst = onclick;
   }
   if (documentHref[1] === href[1]) {
       clickFirst = onclick;
   }
   

   Dann können Sie auf die ID des Tabs per Anker verlinken, allerdings funktioniert das nur wenn die Seite geladen wird. Links innerhalb derselben Seite auf die Tabs sind so noch nicht möglich.

   • Edit

2. 2 Posted by Hössel on 18 Aug, 2015 05:59 AM

   

   Vielen Dank!

   Funktioniert jetzt einwandfrei.

   R. Hössel

   • Edit

3. 3 Posted by Reinhard on 18 Aug, 2015 07:28 PM

   

   Mich würde interessieren wo die Tabs in Tao zu nutzen sind. Ich nutze ebenfalls Tao und habe bisher immer nur gesehen, dass in Oneo Tabs möglich sind.
   Vielen Dank

   • Edit

4. Support Staff 4 Posted by RockSolid Theme... on 19 Aug, 2015 09:43 AM

   

   Vielen Dank für Ihre Frage.

   Die Tabs sind im Theme Tao seit Version 1.4.0 integriert. Sie können die neueste Version des Themes über Ihren persönlichen Kundenbereich auf https://my.rocksolidthemes.com/ herunterladen.

   • Edit

5. 5 Posted by Reinhard on 20 Aug, 2015 09:55 PM

   

   Liebes RockSolid Team,
   besten Dank für die Info. Ich hatte die changelog-Datei nicht so für "voll genommen" und hatte noch die Version 1.3.0 von Tao verwendet.
   Die Live-Demo zu Tao hatte ich zwar immer wieder mal angesehen, jedoch dort waren und sind nur die Akkordeons ohne Tabs drin. Daher dachte ich, es gibt noch keine Tabs für Tao. Jedoch im Template 1.4.1 ist alles zu Tabs schon drin. Besten Dank für Eure Hilfe. Ich werde jetzt öfters nach Theme-Updates schauen ...

   • Edit

6. 6 Posted by jan.kout on 28 Jan, 2021 06:04 AM

   

   Guten Tag,

   ich habe da noch ein Problem. Wenn ich auf der Seite bin, wo sich schon Tabs befinden und einen der Tabs über einen der Links in der Hauptnavigation aktivieren will, wird dieser Tab nicht aktiviert und das Fenster scrollt nicht dazu. Außerdem würde ich es gerne in der Hauptnavigation sichtbar machen, sobald einer der Tabs aktiv ist, die in der Hauptnavigation auftauchen. Können Sie mir da bitte helfen?

   Schon jetzt danke ich Ihnen für Ihre Antwort und wünsche Ihnen noch einen schönen Tag.

   Mit freundlichen Grüßen.

   • Edit

7. Support Staff 7 Posted by RockSolid Theme... on 28 Jan, 2021 08:02 AM

   

   Vielen Dank für Ihre Frage.

   Wie bereits in der ursprünglichen Antwort erwähnt:

   … können Sie auf die ID des Tabs per Anker verlinken, allerdings funktioniert das nur wenn die Seite geladen wird. Links innerhalb derselben Seite auf die Tabs sind so noch nicht möglich.

   Weitere Informationen für Ihren Anwendungsfall finden Sie in folgendem Beitrag: https://help.rocksolidthemes.com/discussions/contao/22081

   • Edit

8. 8 Posted by jan.kout on 28 Jan, 2021 08:48 AM

   

   Leider funktioniert der da erwähnte Code nicht. Siehe https://dev.hotelotto.com/de/zimmer Versuchen Sie bitte unter Zimmer einen der Links anzuklicken, um zu sehen, wie sich das verhält.

   • Edit

9. Support Staff 9 Posted by RockSolid Theme... on 29 Jan, 2021 08:00 AM

   

   Diese Frage haben Sie bereits im anderen Beitrag gestellt: https://help.rocksolidthemes.com/discussions/contao/22081#comment_48999347

   • Edit

10. 10 Posted by Thomas Ritz on 15 Aug, 2023 12:55 PM

    

    Habe die neuste TAO-Version. Wie muss ein Link zu einem Tab aussehen wenn in der Tab-ID “bilder" steht?
    Danke für den Hinweis

    • Edit

11. Support Staff 11 Posted by RockSolid Theme... on 16 Aug, 2023 08:03 AM

    

    Ein Anker-Link besteht aus der URL der Seite und einem #-Zeichen gefolgt von der ID.

    Um z. B. auf die ID bilder auf der Seite example.com/galerie zu verlinken würde der Link dafür folgendermaßen aussehen: https://example.com/galerie#bilder

    • Edit

12. 12 Posted by Thomas Ritz on 16 Aug, 2023 11:24 AM

    

    Danke für das Beispiel :-)

    Leider Funktioniert das nicht. Die Tab-ID «bilder» im Elementtyp «Tab-Navigation» wird nicht angesprochen.
    Muss ich auf der Seite selbst die ID noch eingeben?

    Zudem wird im Tiny-MC die Url immer abgekürzt:
    galerie#bilder

    • Edit

13. Support Staff 13 Posted by RockSolid Theme... on 17 Aug, 2023 09:16 AM

    

    Damit wir Ihnen zielgerichteter weiterhelfen können, schicken Sie uns bitte einen Link zur betroffenen Seite.

    • Edit

14. 14 Posted by Thomas Ritz on 17 Aug, 2023 11:09 AM

    

    Hier der Link zu meiner Test Home-Seite. Link zum Tab dunkelblauer Balken:
    [Links entfernt]

    Kann dieser hier anschliessend wieder gelöscht werden

    • Edit

15. Support Staff 15 Posted by RockSolid Theme... on 17 Aug, 2023 01:34 PM

    

    Die Datei files/tao/js/script.js (Zeilen 810 bis 813) wurde auf Ihrer Website nicht angepasst so wie es in diesem Ticket beschrieben wurde: https://help.rocksolidthemes.com/discussions/contao/12092-verwendun...

    • Edit