Druckbare Version
Hallo,
ich habe gerade festegestellt das der Fehler nicht nur kommt wenn ich einen Tab bearbeiten will, sondern es ist der gesammte Artikel in keinster Weise mehr zu bearbeiten. Es kommt immer die Fehlermeldung, egal auf was man klickt. Ich kann keinen Text mehr bearbeiten, keine Elemente mehr löschen, geschweige denn die Tabs löschen....
EDIT... jetzt eben gab es noch ein Update und jetzt geht wieder alles.
Jetzt ist nur noch die Frage offen wie ich das mit den verlinkbaren Tabs hinbekomme?
hmmm... ich glaube die Funktionalität
ist nicht implementiert... du müstest selbst entscheiden, ob du alle Anker-Links durchleuchtest oder nur alle innerhalb eines Tabs oder diejenigen die mit "tab_" anfangenPHP-Code:...
$("a[href=#dummy-text]").click(function(e){ // make a link that points to #dummy-text open a tab
e.preventDefault(); // avoid the jumping of the page when clicking the anchor
tabs.showAccessibleTabSelector('#dummy-text'); //pass selector (id is easiest) of the tab to show
});
...
btw: ich würde das Hover/Current bei den Reitern nicht per font-size: bold machen => das ist zu zappelig... mit text-shadow bleibt die Laufweite des Textes konstant
Hallo,
danke für Deine Hilfe.
Also Du hast ja die Seitenstrucktur bei mir gesehen, wie würdest Du das denn machen mit der Verlinkung?
... kommt darauf an wie "automatisch" das gehen soll bzw. in welchen Bereich die Links hinkommen....Zitat:
Zitat von Supermann
kleiner Test für die Beispielseite um auf Material zu kommen
das muss in ein JS-Snippet und auf die Seite...PHP-Code:$("a[href=#tab_5318a42b3e4c6]").click(function(e){ // make a link that points to #dummy-text open a tab
e.preventDefault(); // avoid the jumping of the page when clicking the anchor
tabs.showAccessibleTabSelector('#tab_5318a42b3e4c6'); //pass selector (id is easiest) of the tab to show
});
statt "tab_5318a42b3e4c6" kannst Du auch "material" schreiben
Link im Tab Produktdetails
PHP-Code:<a href="#tab_5318a42b3e4c6">mehr zu Material...</a>
Hallo,
also es muss nicht automatisch sein, es kann nur sein das es pro Seite 3-4 Links sind. Muß ich dann für jeden Link immer ein eigenes Stück Code anlegen?
Hallo,
das mit dem Code habe ich so übernommen und eingebaut, es funktioniert aber leider nicht. Jedesmal wenn ich den Link klicke lande ich auf der Startseite weil die Url aus dem Link aufgerufen wird. Auch der zusätzliche Code von der Tabs Seite bringt da keine besserung.
ungetestet... so i.E.
die id des Tab muss dann mit tab_ beginnen z.B. tab_materialPHP-Code:$("a[href^='#tab_']").click(function(e){
e.preventDefault();
var strHref = $(this).attr("href");
tabs.showAccessibleTabSelector(strHref);
});
Hallo,
also ich scheine zu blöd dazu zu sein. Habe Deinen Code jetzt eingebaut, aber der Link geht nicht...
Code:https://www.digiphotopro.de/fotolabor/kaschierung-forex-leichtschaum/foto-auf-leichtschaumplatte
Zitat:
Zitat von Supermann
mach doch mal eine kleine Demoseite (+Link) - das preventDefault() sollte den Sprung verhindern
Hallo zusammen. Ich hab noch einige Bugs beseitigt. Ja, das interne verlinken ist auf der Strecke geblieben. Ich werde diesen Abend ein update online stellen.
mal in Firebug nachgesehen... ;-)
probiersmal hiermit
PHP-Code:<script>
(function($) {
$(document).ready(function(){
$("a[href^='#tab_']").click(function(e){
e.preventDefault();
var strHref = $(this).attr("href");
tabs.showAccessibleTabSelector(strHref);
});
});
})(jQuery);
</script>
Hallo,
Super... dann müssen wir jetzt nicht weiter probieren.
Jetzt reagiert der Link überhaupt nicht.Zitat:
Zitat von zonky
sieht schon besser aus...
das snippet muss nach
oder in das TemplatePHP-Code:<script>
(function($) {
$(document).ready(function(){
$(".ce_accessible_tabs").each(function() {
tabs = $(this).accessibleTabs({});
});
});
})(jQuery);
</script>
PHP-Code:<script>
(function($) {
$(document).ready(function(){
// Init
$(".ce_accessible_tabs").each(function() {
tabs = $(this).accessibleTabs({});
});
// Links
$("a[href^='#tab_']").click(function(e){
e.preventDefault();
var strHref = $(this).attr("href");
tabs.showAccessibleTabSelector(strHref);
});
});
})(jQuery);
</script>
kann auch nicht!!!!!!!!!Zitat:
Zitat von Supermann
$("a[href^='#tab_5318a42b3e4c6']")
=>
$("a[href^='#tab_']")
... sehe gerade "ReferenceError: tabs is not defined"... ähhh mal das var bei tabs raus ... sie oben den geänderten code
Die Version 3.1.3 ist nun online.
Die problematik betreffs interne Verlinkung wurde mit diesem release behoben.
Hallo,
Super... mache ich dann die Interne Verlinkung so wie die externe?
Ja, bei der Version 3.1.3 der Accessible Tabs kann eine interne Verlinkung auf den endsprechenden Hashtag (#tab_xxxxx) ohne weiteren Pfad angegeben werden.Zitat:
Zitat von Supermann
Hallo,
super funktioniert...
Danke
mit dem
dürfte man m.E. alle Links innerhalb der Tabs erwischen - außerhalb (aber auf der gleichen Seite) nicht... aber das kann man ja anpassen...PHP-Code:(function($) {
$(document).ready(function(){
$(".ce_accessible_tabs").each(function() {
var tabs = $(this).accessibleTabs({
});
$("a[href^='#']", this).click(function(e){
e.preventDefault();
tabs.showAccessibleTabSelector($(this).attr("href"));
});
});
});
})(jQuery);
was ist wen im Link "/meinpfad/meineseite.html#tab_1234567" steht?
Ein Feature wäre für mich wichtig - ein scrollTo damit man "hoch" zu den Reitern gelangt und eins wäre "schön", wenn die Browser-History überschrieben wird, damit man auch per Browser Vor/Zurück navigieren kann (ich glaube bei Accordion ist das implementiert...)
Hallo,
danke für die ganze Hilfe. Gestern ist noch das Update gekommen wo man jetzt auch intern verlinken kann. Das geht GUT, aber genau das was Du sagst habe ich auch schon überlegt.
Das erste was ich nähmlich gemacht habe nachdem ich auf den nächsten Tab gesprungen bin, ist das ich über den Browser eine Seite zurück wollte... ging natürlich nicht da sich die Url ja nicht ändert. Aber das sitzt nunmal drinn, das man dann zuerst dort klickt. Das zweite was mich dann gestört hat ist das ich immer hochscrollen muste um die Tabs wieder zu sehen.
Das mit dem Scroll to Top könnte man ja selber einbauen, das mit dem Browser zurück geht ja nicht so einfach.
btw: werkelt da Isotope im Hintergrund..??
Eine Frage habe ich zur Funktion "Seitenumbruch".
Diese Pagination funktioniert problemlos, aber wie bekommt man es hin, das bei einer Tabanzahl <3 nur der nächste bzw. nur der vorherige angezeigt wird.
In meinem Fall gibt es mehrere Seiten mit der Tabfunktion, auf den meisten sind es mehr als 2, manchmal aber eben nicht und dann sind previous und next immer gleich bezeichnet, da es ja quasi einmal "rumläuft".
Im Grunde logisch - aber, ihr ahnt es schon, es führt bei manch einem zur Verwirrung. Wie kann ich das ändern?
LG
Bennie
Hy Bennie, ich werde mir dies mal etwas genauer anschauen.
Hallo,
ich habe mich jetzt auch mal mit dieser schönen Erweiterung auseinandergesetzt.
Das Ergebnis kann sich bis jetzt sehen lassen, jedoch hab ich noch ein Problem mit der Option "Responsives verhalten".
Ich habe gelesen:
Heißt das, dass es mittlerweile umgesetzt ist, da ja auch die Option im Backend verfügbar ist, oder gibt es da noch Probleme?Zitat:
Zitat von yfridelance
Leider behält er nach dem Speichern im Backend den Haken bei dieser Option auch nicht. :-(
Ich wäre für eine kurze Rückmeldung sehr dankbar.
sonnige Grüße
Hallo,
leider behält die schöne Erweiterung (V. 3.1.3) in den Grundeinstellungen die Häckechen auch bei mir nicht nach dem speichern!
Bei folgenden Einstellungen geht es nicht:
Höhe anpassen
Zustand sichern
Von extern verlinkbar
Responsives verhalten
Woran könnte das liegen??
Grüße
Ist bei mir auch so (Contao 3.2.12) .
Ich kann auch die genannten Funktionen weder ab- noch zuschalten. Z.B ist die Funktion "Zustand sichern" immer aktiv.
Das "Höhe anpassen" auch dadurch immer aktiv ist, ist gerade ausgerechnet das, was in meiner Konstellation nicht gut aussieht ;)
Das ging aber mal bei mir , glaube in Contao 3.2.9
Stimmt,
in Version 3.2.8 ging es bei mir mit der Version 3.0.0 stable 3 auch noch !
Mit der neuen Version und Contao 3.2.11 sind die Optionen wie gehabt... :(
Die Häckchen bleiben jetzt nur bei: Individuelle Klassen zuweisen & Seitenumbruch
... klingt fast so, als ob in der DCA-Zuweisung was verdreht ist...
... oder meldet Firebug irgend ein JS-Fehler?
Hallo zusammen, ich bin gerade im Urlaub. Ich werde mich nach dem Weekend darum kümmern
Gruss yves
Habe bei Contao 3.2.10 das selbe Häckchen-nicht-speicherbar-Problem bei folgenden Einstellungen:
Höhe anpassen, Zustand sichern, Von extern verlinkbar, Responsives verhalten.
Das führt dazu, dass man beim ersten Aufruf z.B. die "Höhe anpassen" kann, diese Option daraufhin aber nicht mehr angehakt und auch nicht mehr änderbar ist, auch nicht wenn man das Inhaltselement Accesible Tabs löscht und neu anlegt.
Weiß jemand da vielleicht einen vorübergehenden Workaround?
Gruß Chris
Edit 18:25 Uhr
Hab etwas unelegant einfach mal im Modulverzeichnis der Extension das Einbinden der "jquery.syncheight.js" im Template "j_accessible_tabs.html5" auskommentiert... das hilft schon mal vorerst
Auch bei mir ist es nicht möglich die Einstellungen für: Höhe anpassen, Zustand sichern, Von extern verlinkbar, Responsives verhalten zu sichern (Contao 3.2.9, fry_accessible_tabs V. 3.1.3).
Das auskommentieren der Scriptziel für die Höhe funktioniert zwar, aber die restlichen Optionen benötigt man ja auch. Gibt es schon ein Lösung für das Problem? Mir ist vor allem das sichern des Zustands wichtig.
Hallo,
ich habe ebenfalls ein Problem:
habe ich mehr als einen Tabcontainer pro Seite, scheint er irgendwo einen DIV nicht richtig zu schließen.
Was ich meine:
Element
Tabs
- Tab 1
- Tab 2
Element
Tabs
- Tab 1
- Tab 2
Im Quellcode kommt beim Start des zweiten Tabelements folgendes im Quellcode raus:
Hat jemand eine Idee, wie man das lösen kann?Code:<section class="ce_accessible_tabs_start ce_accessible_tabs block" data-fryat-tabhead='.content>h3' data-fryat-fx='show' data-fryat-fxspeed='normal' data-fryat-syncheights='true' data-fryat-save-State='true' data-fryat-auto-Anchor='true' data-fryat-pagination='true' data-fryat-clearfix-Class='block' data-fryat-responsive='true'>
</div>
<h4 class="ce_accessible_tabs_separator" id="tab_53aab801eff3e">Tabname</h4>
<div class="tabbody">
@yfridelanceZitat:
Hallo zusammen, ich bin gerade im Urlaub. Ich werde mich nach dem Weekend darum kümmern
Gibt es hierzu mittlerweile etwas Neues?
Grüße
Bennie
Nach längerem Testen konnte ich das Problem nun lokalisieren. Bei Conto Installationen die auf den MySQL Driver und nicht auf den MySQLi Driver setzen tritt das Problem auf. Ich bin in diesem Augenblick daran diesen Bug zu fixen
-- Update --
gefixt mit v 3.1.4
Super, ich danke Dir - bei mir funktioniert's jetzt einwandfrei! :)
Hallo,
ich habe mit dem Modul folgende Probleme:
1. Die Verlinkung auf die einzelnen Tabs auf der gleichen Seite funktioniert nur wenn sich die Verlinkung und die Tabs in der gleichen Artikelspalte befinden. Sobald man versucht z.B aus der Kopfspalte auf die Hauptspalte zu verlinken geht das nicht mehr.
2. Der Gespeicherte Zustand der Tabs greift leider auch auf alle anderen Seiten wo sich die Tabs befinden.
Beispiel: ich habe zwei unterschiedliche Seiten, dort gleich benannte Tabs. Wenn ich jetzt auf Seite A einen Tab öffne und dann auf Seite B gehe, ist dort der gleiche Tab geöffnet.
Hallo,
ich möchte hier keineswegs drängeln, aber ich würde mich über eine Nachricht freuen ob das nun Fehler oder ob das normal ist. Ich denke das mir der Entwickler hier schnell eine Antwort drauf geben kann. So kann ich dann wenigstens eine andere Lösung in betracht ziehen wenn das normal ist und nicht anders funktioniert.
Hallo Supermann, vergieb den einzelnen Startelementen eine eindeutige id. Das sollte eigentlich gehen. Ich kann dies jedoch nicht prüfen da ich zur zeit bei der Arbeit bin
Hallo Yves,
bei mir kann ich keine "responsive Umschaltung" feststellen
siehe http://cms.scrum-events.de/professio...um-master.html
(Seite im Aufbau!)
hattest Du Dir mal die Sache mit der Umschaltung von Tab auf Akkordeon angesehen?
Gruss
Contao 3.2.12
fry_accessible_tabs 3.1.4 3
Hallo Yves,
wie sieht Dein Zeitplan bezüglich "responsive" aus - ggf. kann ich was übernehmen?
Gruss
Hallo,
ich bekomme die Erweiterung leider nicht zum Laufen.
- Installiert ist die aktuelle Version 3.1.4 unter Contao 3.2.8 (ein lokales Testsystem)
- im Seitenlayout wird (zum Testen) sowohl jQuery als auch mootools geladen, jeweils mit aktiviertem j_accessible_tabs bzw. moo_accessible_tabs, Ausgabeformat ist html(5):
Anhang 14452
- Angelegt habe ich einen Testumschlag mit zwei Tabs:
Anhang 14453
Die Ausgabe im frontend sieht dann so aus:
Anhang 14454
und der erzeugte Quelltext so - da fehlt offensichtlich alles, was über javascript eigentlich zusammengebaut werden sollte:
Das selbe passiert auch, wenn ich nur jQuery im Seitenlayout lade.HTML-Code:<ul class="block tabs-list tabamount0"></ul>
<div class="content">
<ul class="clearfix tabs-list tabamount0"></ul>
<div class="content">
data; ?>> <
tabhead; ?> class="
class; ?>" id="
id; ?>">
tabtitle; ?>
tabhead; ?>>
<div class="<?= $this->tabbody; ?>">
<div class="ce_text block">
<p>Lorem ipsum 1</p>
</div>
</div>
<
tabhead; ?> class="
class; ?>" id="
id; ?>">
tabtitle; ?>
tabhead; ?>>
<div class="<?= $this->tabbody; ?>">
<div class="ce_text block">
<p>lorem ipsum2</p>
</div>
</div>
</div>
</div>
</section>
Die diversen Tips habe ich durch (Umschlaganfang nocheinmal neu anlegen, ...) und die zentrale Einstellung unter System, fry_accessible_tabs explizit mit jQuery oder mootools zu verwenden, scheint es ja nicht mehr zu geben.
Hat jemand eine Idee?
@oliver.schroth:
Lösung habe ich für dich leider keine - im Gegenteil. Ich würde dich gerne fragen ob das zum Laufen bekommen hast, denn bei mir gibt es die selben Darstellungsprobleme (Contao Version 3.3.3 / Tabs 3.1.4.9003)
Hallo Jochen,
nein, leider habe ich (noch) keine Lösung gefunden.
Da ich für ein aktuelles Projekt eine schnelle Lösung brauchte, bin ich auf tabcontrol (mootools) umgestiegen.
O.K.,
somit kann man ausschließen das die Contao Version 3.3 mit der aktuellen Tabs Version 3.1.4.9003 funktioniert.
ohne Link auf die Seite oder eine Testseite ist alles andere "Glaskugelraten"Zitat:
Zitat von oliver.schroth
Hallo liebe Nutzer
Wie kann ich „Fry Accessible Tabs“ dazu bringen, die Inhalte geschlossen zu lassen?
Ich möchte erst bei einem Klick auf den Tab die Inhalte zeigen und auch wieder so schliessen.
Liebe Grüsse,
Dominic
d.h. wenn jemand auf die Seite kommt, sieht er nur die "Reiter" und nix drunter??Zitat:
Zitat von elfstern
Genau.. Bloss die Rieter sollen zu sehen sein, und alle inhalte sind zugeklappt.
Nach einem Klick auf ein Rieter klappt der dazugehörige Inhalt auf und enthält optimalerweise noch ein Close-Button.
... mal so aus der Hüfte: max-height bei Start = 0 und bei Klick auf Reiter per JS auf max-height: 400px
das kannst du auch mit opacity 0 => 1 kombinieren und ein transition ins CSS packen
so wie hier http://robert-metcalf.de/ => unten "Kommende Highlights" - nur bei Dir ganz zu und nicht 1/2
Das ist nicht ganz das, was wir meinten / wollen.Zitat:
Zitat von zonky
Wir wollen, ähnlich wie bei einem Accordion, ein Tab auf und zu machen können (egal ob mit oder ohne Animation /Transition - das kommt später).
Der erste Klick öffnet ein Tab, der zweite Klick auf dasselbe Tab soll es dann wieder komplett schliessen.
Beste Grüsse
Elfstern.
das Verhalten nennt man "toggle" ... sehe da kein Problem - muss Du eben nur programmieren - per CSS wird das nixZitat:
Zitat von elfstern
Danke zonky
Das hatten wir uns fast gedacht ;)
In JS, richtig?
Hast Du uns freundlicherweise einen konkreten Ansatz dazu? Wir nicht können JS.
Beste Grüsse
Elfstern
Hallo Liebe Contao gemeinde, als Neuling stoße ich auf das Problem das mir nur sowas angezeigt wird:
Tab 1
data; ?>> <tabhead; ?> class="class; ?>" id="id; ?>">tabtitle; ?>tabhead; ?>>
text des Tab 1
Tab 2
data; ?>> <tabhead; ?> class="class; ?>" id="id; ?>">tabtitle; ?>tabhead; ?>>
text des Tab 2
Im Layout ist jQuery aktiviert, und die jQuery-Elemente sind auch angeklickt.
Ich lese immer wieder etwas von einem Punkt, unter Einstellungen für die Tabs, den gibt es aber bei mir aber nicht. ?!
Der Artikel sieht wie folgt aus:
Accessible tabs: Start
New Tab
Inhaltselement Text
New Tab
Inhaltselement Text
Accessible tabs: End
Shorttags <? sind an.
conatao version CMS 3.2.19.
Wäre cool wenn ihr ne Idee hättet was ich da Falsch mache :S
Gruß die Socke
Liebe Tabianer,
mal eine dumme Frage: die accessible Tabs lassen sich doch verschachteln - oder nicht? Wenn ich in den Contentbereich des 1. Tabs nämlich weitere Tabs einbaue, verschwindet der 2. Tab der obersten Ebene. Ich hatte zusätzlich noch das Spaltengrid in Verwendung, habe aber probehalber diese Klassen schon alle rausgenommen. Muss man bei der Verschachtelung der Tabs noch was beachten mit den IDs oder so?
Viele Grüße,
Anke
Hallo,
hat jemand diese Erweiterung erfolgreich unter Contao Version 3.4.5 am laufen? Composer sagt lediglich: "Diese Paket-Version ist mit dieser Contao-Version nicht kompatibel!".
MfG
Peter
Contao 3.4.5 ohne Composer und mit Tabs:Zitat:
Zitat von mandrake
http://www.torq-surfboards.com/fish-511.html
Contao 3.4.5
fry_accessible_tabs 3.1.4 build 3:
"Von extern verlinkbar
Das Tab kann über den Hashtag direckt angesprungen werden "
Das funktioniert bei mir nicht! Hat da jemand Erfahrungen mit gesammelt. jQuery ist aktiviert, sonst läuft alles prima, nur die deep-links nicht...
Das Verschachteln würde mich auch interessieren. Im ersten "Haupt-Tab" klappts, die "Sub-Tabs" funktionieren wie gewohnt. Ab dem zweiten "Haupt-Tab" werden die "Sub-Tabs" und darin enthaltenen Inhalte dann nicht mehr gezeigt. Ich vermute die ja identisch benannten Subtabs bringen das Skript durcheinander.Zitat:
Zitat von Anke
Hat jemand es mal geschafft die tabs funktioniered zu verschachteln?
Thanks!
Moin moin,
hat schon jemand die accessible Tabs unter Contao 3.5.4 laufen? Ich habe die mal probeweise installiert, aber es fehlen die Einstellungen im Menü (unter System, oder?). Wenn ich entsprechende Inhaltselemente anlegen werden nur die Links und die Linktexte untereinander angezeigt:
Anhang 17296
Das Template ist ins Seitenlayout importiert. Falls es unter 3.5 nicht läuft, stellt sich mir die Frage, ist es geplant?
Viele Grüße
Olaf
läuft bei mir unter C 3.5.6
Hmm, wo sind denn bei Dir im Backend die Einstellungen zu den Tabs zu finden? Bei mir sind sie weder unter System noch in System/Einstellungen zu finden.
bei mir auch nicht - gibt es die (noch)? habe aber auch ein von 3.4? geupdates System... vielleicht wurde das einfach so mit übernommen
Systemeinstellungen gibt es keine. Link zur Seite? Irgendein Error in der JavaScript Console?Zitat:
Zitat von doowopy
Bin mir nicht sicher, ob die noch existieren, war für mich im Moment einfach das naheliegendste, dass es nicht vernünftig läuft, wenn ich gewisse Einstellungen nicht vornehmen kann. Na ja, werd ich wohl nach einer Alternative suchen müssen oder selbst stricken. Danke trotzdem.
Spreenhagen.com --> BL TippspielZitat:
Zitat von Spooky
Testaccount
User Contao
PW oatnoc
Dann auf Ligatabelle, dort sieht man das Problem.
// ah falsch, hab mich vertan
Hat sich erledigt, ich Trottel hätte die CSS Anweisungen auch mal in die Datei schreiben sollen, bevor ich jene Speicher :o
"keine" mehr?Zitat:
Zitat von Spooky