Frage zu Mootools Accordion

[Uwe367]

Hallo zusammen,

Ich befasse mich momentan mit dem Accordion, welches ich nach dieser Anleitung erstellt habe und was auch sehr gut funktioniert
Accordion Tabs

Nun möchte ich in die einzelnen Tabs verschiedene CP´s (z.B. Bilder div, Bilder spezial, WYSIWYG Html) einbauen.
Ist das möglich und wenn ja, wie kann ich das realisieren?
Leider sind meine Kenntnisse was Java Script angeht mehr oder weniger gleich null.

Könnte mir vielleicht jemand einen Schubs in die richtige Richtung geben so daß ich wenigstens einen Ansatz finden würde?

Vielen Dank im vorraus

Gruß Uwe

[flip-flop]

Hi,

der Link dahin sollte in dem von dir angesprochenen Beispiel stehen .....

Knut

[Uwe367]

Oh.. habs grad gesehen Knut. Sorry für die Frage.. ich hätte besser hinschauen sollen

Trotzdem danke

[pepe]

Du kannst doch auch in den Inhaltsbereich des Tabs ein { SHOW_CONTENT:CP,xx,yy,zz } setzen...

Die nachzuladenden CPs packe ich einfach in einen 2. (unsichtbaren ) Artikel in der selben Kategorie,
so hab ich alles zusammen

Darüberhinaus hab ich mir ein eigenes Template geschrieben, bei dem ich nur noch die CP-ID-Nummern im Feld eintragen muss... der rest wird dann selber eingefügt... das ist ganz einfach, einfach mal in die Templates reinsehen und experimentieren

[Oliver Georgi]

Eine solche Lösung ist on the way und bereits umgesetzt.

Damit ist es auf einfache Weise möglich, Content Parts durch das System in einzelnen (Tab)Blöcken zusammenzufassen. Alle CPs, die den gleichen Tabtitel und identische Abschnittsnummer (kann leer bleiben, wenn nur 1 (Tab)Block benötigt wird) und Ausgabebereich haben, werden dann auf Basis deren vorgegebener Sortierung entsprechend gerendert.

Das Renderergebnis sieht dann in der Struktur so aus:

Code: Select all

<div id="TABBOX-f25c52ec7cd20cb46db1dff5982074f3" class="tab-container">
	<ul class="tab-navigation">
		<li class="tab-item-1 tab-first"><a href="#a-c-tab0" title="A-C">A-C</a></li>
		<li class="tab-item-2"><a href="#d-f-tab1" title="D-F">D-F</a></li>
		<li class="tab-item-8 tab-last"><a href="#v-z-tab7" title="V-Z">V-Z</a></li>
	</ul>
	<div id="a-c-tab0" class="tab-content">
	<!-- CP 1…n -->
	</div>
	<div id="d-f-tab1" class="tab-content">
	<!-- CP 1…n -->
	</div>
	<div id="v-z-tab7" class="tab-content">
	<!-- CP 1…n -->
	</div>
</div>

Diese Lösung ist sehr flexibel und nicht nur für Tabs, sondern auch sehr gut für Zwischenüberschriften mt Sprung zum Inhalt nutzbar.

[update]

Das klingt gut!

[pepe]

Das kingt sogar sehr gut

[hausmeister]

super. kannst du schon sagen, wann damit zu rechnen ist?
könnte das gerade gut gebrauchen.

der hausmeister

[pepe]

[OT:ON]

Echt klasse, die Frage, lieber Hausmeister, so voller Ironie... ich hab mich "fast tot gelacht"

Warten wir es doch einfach ab, dann ist die Überaschung noch gößer

Aber, wo wir gerade so unter uns sind,
ich bin eigentlich froh, dass es nicht mehr mit Revisions nur so hagelt, man kann so viel entspannter arbeiten, finde ich. Man bekommt eine komplette Site fertig, ohne zwischendurch updaten zu müssen.

[OT:OFF]

Ich bin gespannt, was da ineressantes auf uns zu kommt! Manchmal meine ich, dort ganz in der Ferne schon etwas grummeln zu hören

Ich nehme an, es können beliebige Typen von ContentParts "zusammengefasst" (unter einem Tabulator) werden und nicht nur WYSIWYG ?

[Oliver Georgi]

Auf Anfrage per E-Mail an oliver@phpwcms.de gibt es einen Link zum Stand, mit der Bitte um ausschließlich interne Nutzung.

[Oliver Georgi]

Ich nehme an, es können beliebige Typen von ContentParts "zusammengefasst" (unter einem Tabulator) werden und nicht nur WYSIWYG ?

Genau. Tabulator ist nur das Buzzword.

[update]

feine Sache!

[pepe]

Also.... ich wollt's grade sagen

[kukki]

Hallo Jungs, ich habe gerade zwei Tage mit zwei Anläufen bei einem Websiteupgrade bezüglich Accordion-Effekt rumgedocktert.
Die erste Version ist wirklich simpel und sollte auf Dauer gesehen nur verwendet werden, wenn der Betreiber nicht bereit ist, den Aufwand dafür aufzubringen.
Ich habe wirklich zufällig dieses Beispiel bei flipflop gefunden und bin echt zufrieden, weil man damit jegliche CPs einbauen kann. Das, was mir Pepe mal in einem anderen Fall erklärt hat und mit Hilfe zum Laufen gebracht hat, taucht hier wieder auf und funktioniert hier super, da keinerlei Eingriffe am Core notwend sind und das nächste Upgrade diese Templates, CSS' und JavaScripte nicht überschreibt.

Ich muß flipflop dafür noch einmal loben

Für mich war die Beschreibung etwas gewöhnungsbedürftig. Den ersten Teil habe ich schnell zum Laufen gebracht, den zweiten Teil habe ich dann step by step mehrfach lesen müssen und dann lief es - guckts Du hier

[Oliver Georgi]

Die neue Erweiterung des CMS (CP-Gruppen/Reiter/Tabs) macht diese doch sehr aufwendige CP-Zusammenfassungslösung eher obsolet.