[FRAGE] Accordion o. Tabs erstellen?

[kandesign]

Hallo REDAXO Community,

hat man den Möglichkeit Block/Slice in Accordion oder Tabs umzuwandeln?

Z. B:

Module[Tabs:Anfang]
Module[Galerie] (Ausgabe auto. deaktivieren)
Module[Tabs:Ende]

Module[Tabs:Anfang]
Module[Text] (Ausgabe auto. deaktivieren)
Module[Tabs:Ende]


und am ende soll Tabs-Module umgewandelt werden...

Ist sowas möglich?

MfG
kandesign

[Oliver.Kreischer]

Hallo,

klar kannst du das so machen. Es gibt aber auch noch andere Lösungen.

Bei einem einfachen Accordion (Überschrift + Text) baue ich einfach alles in einem Modul.
(Sollte es wirklich viel Inhalt sein (z.B. umfangreiche FAQ) würde ich die Sachen im TableManager auslagern)

Wenn Tabs oder Slider oder ähnliches gebraucht werden kann man es auch so machen, dass für jeden Tab / Slide ein eigener Artikel angelegt wird.

Mit einem Modul holst du dir dann die gewünschten Artikel (Linklist).

Grüße
O.

[kandesign]

Hallo Oliver,

danke für Deine Antwort. Möchte gerne ohne Artikel lösen!

Wie kann ich den Slice auslesen?

MfG
kandesign

[Oliver.Kreischer]

Hallo,

mach doch ein Modul mit den Feldern die für den Tab Inhalt wichtig sind und im gleichen Modul die Auswahlmöglichkeit für Tab Start / Tab Ende...

Das könnte dann evtl. so aussehen:

Slices 1 - Tab Modul: Tab Start aktiv / TAB Content TAB / Tab Ende inaktiv
Slices 2 - Tab Modul: Tab Start inaktiv / TAB Content TAB / Tab Ende inaktiv
Slices 3 - Tab Modul: Tab Start inaktiv / TAB Content TAB / Tab Ende inaktiv
Slices 4 - Tab Modul: Tab Start inaktiv / TAB Content TAB / Tab Ende inaktiv
Slices 5 - Tab Modul: Tab Start inaktiv / TAB Content TAB / Tab Ende aktiv

Dann brauchst du wenigstens nur ein Modul...

Wahrscheinlich gibt es noch viele bessere Möglichkeiten so etwas umzusetzen...
Weitere Ideen sind also willkommen

LG
Oliver

http://jsfiddle.net/uFALn/18/

http://www.redaxo.org/de/forum/allgemei ... ml#p109921

[Meusi]

Ich mach das gerne selbst über ein selbstgeschriebenen JS Code.

Einfach ganz normale deine Tabs Inhalte ausgeben.
Zusätzlich tuhst du noch den Tab-Namen mitgeben

Code: Alles auswählen

<div class="tab-content" data-name="Tabname">
REX_HTML_VALUE[1]
</div>

Wichtig wäre auch noch vielleicht eine Tab-Leiste zu erstellen.

Code: Alles auswählen

<?php
if(!isset($REX['tabs-leiste'])) {

$REX['tabs-leiste'] = true
?>
<div id="tab-leiste"></div>
<?php
}
?>

Sprich deine fertige Ausgabe kann so aussehen:

Code: Alles auswählen

<?php
if(!isset($REX['tabs-leiste'])) {

$REX['tabs-leiste'] = true
?>
<div id="tab-leiste"></div>
<?php
}
?>
<div class="tab-content" data-name="Tabname">
REX_HTML_VALUE[1]
</div>

Dein JS Code kann so aussehen:

Code: Alles auswählen

$(document).ready(function() {

var tab_leiste = '';
$('.tab-content').each(function() {
    tab_leiste += '<span>'+$(this).data('name')+'</span>';
});

$('#tab-leiste').html(tab_leiste);

});

Hier JSFiddle: http://jsfiddle.net/UT3tx/

Gruß Meusi

[kandesign]

Vielen Dank für Eure Hilfe!

Noch eine Frage
Wie kann ich den letzte Slice auslesen?


Mit dem Code habe ich den Möglichkeit den ersten Slice zu auslesen...
<?php
if(!isset($REX['tabs-leiste'])) {
$REX['tabs-leiste'] = true
}
?>

MfG
kandesign