Aufklappbares Menü

[raphael@typo3]

Hi Leute,

bin der Raphael aus dem kühlen Bremen und als langjähriger Joomla!-User neu bei TYPO3.

Meine Frage ist nun, mit welcher TYPO3-Erweiterung ich ein aufklappbares Menü erstellen kann, wie es auf dieser Seite realisiert wurde:

:: marcomagni / graphic designer ::

Bei einem Klick auf "Works" klappt sich das Menü auf.

Würde mich über eure Hilfe sehr freuen und bedanke mich hierfür schon mal im Vorhinein :)

[tsk]

Der Link klappt (zumindest momentan) nicht, aber i.d.R. benötigst Du überhaupt keine Extension, um ein aufklappbares Menü zu erhalten - das geht mit TYPO3 Bordmitteln (Typoscript) und etwas Javascript, z.B. aus der jQuery Bibliothek. Ich würde sogar deutlich davon abraten, für jeden Kleinsch.... direkt eine Extension zu nehmen. Das Forum ist voll mit Problemen a la "mein tt_news" geht plötzlich nicht mehr...gefolgt von der späteren Lösung. Es lag an der Extension "xyz_perfectFeaturebooster".

Grüße,

Thomas

[raphael@typo3]

Hi Thomas!

Danke für deine schnelle Antwort. Ich weiß nicht so recht, ob "aufklappbares" Menü der richtige Ausdruck dafür ist ... die Seite funktioniert (zumindest bei mir) jetzt korrekt. Könntest du dir das Menü bitte kurz angucken?

Bei einem Klick auf "Works" fährt das Untermenü in einem Rutsch nach unten aus.

Es erscheint mir ein wenig schwierig, das selbst zu programmieren, daher fände ich es super, wenn es dafür vielleicht schon eine Erweiterung gäbe.

Von der Erweiterungsproblematik hatte ich bereits mal gehört. Nachdem es sich um eine sehr einfache Seite handeln wird, kann das aber durchaus die einzige Erweiterung sein, die auf die Seite kommt.

[tsk]

Hallo Raphael,

stimmt, heute klappt die Seite. Die Designbeispiele sind außergewöhnlich - da beherrscht jemand seinen Photoshop wirklich.

Zum Thema: Im Kopf der Seite wird sowohl das jQuery JavaScript Framework als auch das jQuery UI css Framework eingebunden. So weit, so gut. Dann folgen allerdings noch Mengen an anderen JavaScript und - wie es ausschaut - auch aspnet Routinen. Herauszufinden, was in dem "Chaos" tatsächlich verwendet wird, würde sicherlich mehr als einen Tag erfordern. Ich denke, da hat sich jemand fertige Extensions zusammen-geklickt.

Besser, man holt einmal tief Luft, und überlegt, was tatsächlich geschehen muss:

Ein Link mit entsprechend aufklappbarem Untermenü besteht im Wesentlichen aus 2 DIVs. Im ersten steht der Link. Der zweite DIV ist ausgeblendet (style="display: none;"). Klickt man auf den Link, so sorgt ein JS dafür, dass der 2. DIV eingeblendet wird. Dies tut es, indem es eine CSS-Klasse des DIV's ändert ("display: none;" => "display: block;").

Ich nutze auf meinen Seiten (in Form eines selbstgebastelten FCE für TemplaVoila) ein minimales JS (14 Zeilen) für jQuery, um einen solchen Effekt zu erzeugen (4 der 14 Zeilen werden zur Steuerung diverser einstellbarer Effekte und Fader genutzt – und könnten bei fester Vorparametrierung entfallen). Dies wiederum in ein (TYPO3) Menü einzubauen wäre kein großer Aufwand.


Du sagst, Du möchtest ungern „Programmieren“. Im eigentlichen Sinne tust Du das bei Nutzung von TYPO3 (und jQuery) auch nicht. Programmiert haben es Andere, Du musst lediglich Typoscript beherrschen – und mit diesem das erforderliche JavaScript einbinden. Aber auch Typoscript fällt für Viele schon in die Rubrik „Programmieren“ - wo es nicht hingehört, auch wenn es sicher mehr ist als banal.


Du solltest Dich fragen, was das Endziel bei Deinen Aktivitäten mit TYPO3 ist. Möchtest Du TYPO3 Webentwicklung als spätere Dienstleistung in Dein Portfolio aufnehmen, so wird kein Weg der Welt an einem tiefen Verständnis von Typoscript vorbei gehen. Möchtest Du hingegen nur eine eigene TYPO3 Website in minimaler Ausstattung, so ist der Griff nach fertigen Extensions für eine bestimmte Aufgabe wahrscheinlich der einzige Weg. Da müsste dann aber alles auf Anhieb passen, denn bei vielen Extensions erfordert die Feinparametrierung auch wieder TS.


Bei fertigen Extensions kann ich Dir leider keinen Rat geben, denn ich habe noch nie eine dieser – ich nenne sie mal „Utility-Extensions“ - eingesetzt. Mir ist leider auch keine funktionale Auflistung verfügbarer Extensions bekannt, abgesehen vom - hinsichtlich der Suche - eher lausigen TER. Es bleibt also wohl nur der Weg, sich manuell durchs TER zu klicken. Sind ja bloß 4500 :-)


Viel Erfolg!