Contao-Camp 2024
Ergebnis 1 bis 12 von 12

Thema: Wie Tabs verlinken?

  1. #1
    Contao-Fan
    Registriert seit
    22.10.2009.
    Beiträge
    293

    Standard Wie Tabs verlinken?

    Hallo,

    ich schaffe es einfach nicht zu einem bestimmten Tab zu verlinken.
    In den Einstellungen habe ich es aktiviert. Beim Anlegen der Tabs habe ich sinnvolle Tab IDs vergeben. Trotzdem springt er nicht zum Link in der Form http://www.domain.de/seite.html#tabID.

    Liegt es daran, dass ich bereits Contao 3.1.1 nutze, oder fehlt es an irgend einer Einstellung?

    Gruß,
    Ignatz

  2. #2
    Contao-Fan
    Registriert seit
    22.10.2009.
    Beiträge
    293

    Standard

    Keiner eine Idee? Ich bin immer noch auf der Suche nach einer Lösung.

  3. #3
    Contao-Fan Avatar von Bas
    Registriert seit
    03.12.2009.
    Ort
    Hamburg
    Beiträge
    555

    Standard

    Ich bin kein Profi was das betrifft (und kenn auch die Erweiterung nicht), habe aber etwas ähnliches mal für nen Masonry-Layout benötigt.

    Ich hab mittels jQuery den Hash ermittelt (welcher in meinen Fall wie die ID meines anzusteuernden Objektes lauten musste), und dann die benötigte Aktion ausgelöst.

    Hash-Ermittlung:
    Code:
    jQuery(document).ready(function($){
        if ( $("body.hashcheck").length > 0 ) { // hashcheck hatte ich der betreffenden Seite als Body-Klasse hinzugefügt, damit das Script nur auf der gewünschten Seite läuft
            if(window.location.hash) {
                myHash = window.location.hash.substring(1, window.location.hash.length); // die Raute (#) entfernen, und den Hash in der Variablen "myHash" speichern
            }
        }
    });
    (Es muss natürlich noch geprüft werden, ob der ermittelte Hash gültig ist. Ausserdem würde es wahrscheinlich so nicht funktionieren, wenn ausser dem Hash irgendwelche Get-Parameter an der URL hängen.)

    Ich hoffe das hilft ein wenig.
    Geändert von Bas (05.08.2013 um 10:32 Uhr)

  4. #4
    Contao-Fan
    Registriert seit
    22.10.2009.
    Beiträge
    293

    Standard

    Hallo Bas,

    vielen Dank für deine Antwort. Inzwischen habe ich herausgefunden, dass ich den Tabs den Parameter
    PHP-Code:
    autoAnchortrue 
    mitgeben muss. So kann ich zumindest von einer Seite zu einem bestimmten Tab auf einer anderen Seite springen.
    Leider gelingt aber der Sprung aus einem Tab der aktuellen Seite zu einem anderen Tab der gleichen Seite nicht.

    Ich bin also nur einen halben Schritt weiter. Aber immerhin.

  5. #5
    Contao-Nutzer
    Registriert seit
    18.02.2010.
    Beiträge
    163

    Standard

    Hallo Ignatz,

    ich bin gerade eben über das gleiche Problem gestolpert.
    Innerhalb einer Seite funktioniert die Verlinkung bei mir nur, wenn die komplette Seite mit dem Hashtag-Anhang komplett neu geladen wird.
    Ist das bei Dir auch so?

  6. #6
    Contao-Fan
    Registriert seit
    22.10.2009.
    Beiträge
    293

    Standard

    Hallo d23,

    ja genau, das ist der Effekt. Klicke ich auf den Link um zum Tab zu springen, wird der Tab-Reiter zwar fokussiert, aber der zugehörige Inhalt nicht nach vorn geholt. Erst ein neu laden der Seite mit dem Hashtag öffnet den entsprechenden Tab.

    Hab's bisher noch nicht lösen können.

    Gruß,
    Ignatz

  7. #7
    Contao-Urgestein Avatar von KATgirl
    Registriert seit
    31.03.2010.
    Ort
    Marburg
    Beiträge
    1.579
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Verzögert mal das Ganze um ein paar Sekunden, denke das das DOM noch nicht vollständig bearbeitet ist zu dem Zeitpunkt.

    .delay(3000)

    Gesendet von meinem Nexus 7 mit Tapatalk 4
    - GitHub
    - Kontaktanfragen

    "Ein Lächeln ist die kürzeste Entfernung zwischen zwei Menschen." Victor Borge

  8. #8
    Contao-Nutzer
    Registriert seit
    28.03.2010.
    Ort
    Tübingen
    Beiträge
    114

    Standard Wo setzt du den Parameter?

    Zitat Zitat von Ignatz Beitrag anzeigen
    Inzwischen habe ich herausgefunden, dass ich den Tabs den Parameter
    PHP-Code:
    autoAnchortrue 
    mitgeben muss. So kann ich zumindest von einer Seite zu einem bestimmten Tab auf einer anderen Seite springen.
    Wo setzt du den Parameter? Im Template? Wenn ja: in welchem?

    Bei mir funktioniert die Verlinkung auf ein bestimmtes Tab ebenfalls nicht. Rufe ich den richtigen Seitenlink mit angehängtem Anker auf, springe ich innerhalb der Seite, aber es wird immer noch der Inhalt von Tab 1 angezeigt.

    Keine Ahnung, ob es einen Zusammenhang gibt: Wenn ich über die einzelnen Tabs fahre, sehe ich einen falschen Link. Anstatt
    HTML-Code:
    domain.de/produkte/produkt.html#accessibletabscontent0-2
    wird bei mir nur
    HTML-Code:
    domain.de/#accessibletabscontent0-2
    angezeigt. Auf der Vorgänger-Seite, die nur den Originalcode von Dirk Ginader nutzt, haben die Tabs auch die richtige Verlinkung.

  9. #9
    Contao-Fan
    Registriert seit
    22.10.2009.
    Beiträge
    293

    Standard

    Hallo Stepinski,

    den Parameter setze ich im "j_accessible_tabs"-Template:
    Code:
    <script>
        (function($) {
            $(document).ready(function(){
                <?php foreach(AccessibleTabsDS::getInstance()->getJsTemplate() as $item): ?>
                $("#<?php echo $item['id']; ?>").accessibleTabs({
                    <?php echo $item['data']; ?>,
                    autoAnchor: true
                });
                <?php endforeach; ?>
            });
        })(jQuery);
    </script>
    Aber, wie gesagt, klappt das nur bei Verlinkung auf den Tab einer anderen Seite. Innerhalb der Seite nicht!
    In den Einstellungen der Accessible Tabs habe ich zwar einen Haken bei "Verlinkbare Tabs" und ich dachte, dass dieser Haken genau diese Anpassung im Template bewirkt aber leider tut er das nicht.

    Gruß,
    Ignatz

  10. #10
    Contao-Nutzer
    Registriert seit
    28.03.2010.
    Ort
    Tübingen
    Beiträge
    114

    Standard Die Lösung...

    Bei mir taucht der autoAnchor Parameter wohl schon im Original-Template auf. Die nach deiner Anleitung angepasste Version habe ich wieder gelöscht und der Code ist trotzdem korrekt (auch nach dem Löschen des Skript-Caches).

    Schließlich bin ich im Backend bei den Tab-Einstellungen über die Lösung gestolpert - Bei der Definition der Tab-ID steht eigentlich schon alles
    Tab ID kann überschrieben werden. Wird verwendet um ein Tab zu verlinken.
    Darauf habe ich mir nochmals die Beispiele bei Dirk Ginader angesehen und tatsächlich wird nicht der beim Mouse Over angezeigte Anker, sondern diese nur im Quellcode bzw. Backend sichtbare ID für das <a> Tag in der Tab-Navi verwendet (siehe hier und hier).

    Code:
    <ul class="block tabs-list tabamount6">
    <li>...</li>
    <li>...</li>
    <li id="accessibletabsnavigation0-2" class="first">
    <a id="tab_51eea2fe4fbee" href="#accessibletabscontent0-2">Produkt 1</a>
    </li>
    <li>...</li>
    </ul>
    Anstatt wie oben geschrieben
    Code:
    domain.de/produkte/produkt.html#accessibletabscontent0-2
    muss der Link bei mir also so aussehen:
    Code:
    domain.de/produkte/produkt.html#tab_51eea2fe4fbee
    Es wäre praktisch gewesen, ich hätte dort tatsächlich sinnige IDs vergeben.

    Erstaunlicherweise arbeitet der Code auf der alten Seite nur mit dem href beim Tab-Link, ohne Vergabe von IDs... Deshalb bin ich auch nicht vorher auf die Lösung gestoßen.

  11. #11
    Alter Contao-Hase Avatar von Supermann
    Registriert seit
    17.02.2010.
    Ort
    Löhne
    Beiträge
    1.293

    Standard

    Hallo,

    ich habe die Aktuelle Version Installiert und versuche verzweifelt einige Links direckt anzuspringen. Von den externen Seite funktioniert das nur bei den Links auf der gleichen Seite funktioniert das nicht.

    In dem 3er Change Text steht:

    3.0.0 stable

    Kompatibilität zu Contao ab Version 3.0
    Alle Templates wurden überarbeitet
    Tabs werden mittels data attribut konfiguriert
    Einfachs verlinken von Tabs auf der Seite sowie von Extern möglich
    Globale konfiguration entfernt. Vorkonfiguration über localconfig.php möglich

    Das heißt für mich das es eigentlich gehen sollte. Hat jemand evtl. eine funktionierende Linklösung parat mit der das funktioniert?

    Für hilfe wäre ich dankbar.

  12. #12
    Contao-Nutzer Avatar von holist
    Registriert seit
    27.08.2009.
    Ort
    Karlsruhe
    Beiträge
    95
    Partner-ID
    5798

    Standard Ende der Suche

    Hab auch noch eine Weile gesucht bis ich die beiden Links fand:

    jQuery Accessible Tabs - Wie man Tabs WIRKLICH zugänglich macht
    http://blog.ginader.de/archives/2009...lich-macht.php

    Und natürlich die GitHub-Seite
    https://github.com/yfridelance/contao-accessible_tabs

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •