FORUM » TypoScript » Menüs

Menü mit Flyout und Position halten

Autor Nachricht
Verfasst am: 09.05.2008 [17:28]
xerxes78

[Themenersteller]
dabei seit: 18.12.2007
Beiträge: 5
 Hallo Leute,

nachdem ich 2 Tage damit verbracht habe, das Internet nach Infos zu meiner Aufgabenstellung abzugrasen, wende ich mich vertrauensvoll an die Community. Ich versuche das Problem mal zu beschreiben:

Ich möche ein vertikales Menü, welches so arbeitet wie das hier auf typo3.net (also per Klick auf Ebene 1 öffnet sich die darunterliegende Ebene 2 usw..).

ZUSÄTZLICH soll ein Flyoutmenü als Alternative Navigation her, wie z.B. hier: http://www.l-base.de/ > Menüs > Layermenü Vertikal CSS

Falls im Flyout dann auf eine untere Ebene navigiert wird, soll der Seitenbaum (wie typo3.net) entsprechend aufklappen - und die richtige Seite anzeigen.

Da ich die Seite von einer statischen Version übertrage, möchte ich die Funktionalität erhalten. Bisher war es mit Java-Script und einem List-Menü gelöst. Ich könnte die bisherige Variante auch übernehmen, dazu fehlt mir aber ein Kniff:

Kann ich bei der Menüdefinition den wrap auch für einen Status setzen?

Typoscript:Zeilennummerierung:  An / Aus

  1. 2 = TMENU
  2. 2{
  3. noBlur = 1
  4. expAll = 1
  5. ACT = 1
  6. ACTIFSUB = 1
  7. wrap = <ul> |</ul>
  8. NO{
  9. expAll = 1
  10. wrapItemAndSub = <li class="sichtbar">|</li>
  11. #ATagParams = class='submenuLinkV'
  12. }
  13. ACT{
  14. expAll = 1
  15. wrap = <ul> |</ul>
  16. wrapItemAndSub = <li class="sichtbar">|</li>
  17. #ATagParams = class='submenuLinkActV'
  18. }
  19. ACTIFSUB{
  20. expAll = 1
  21. wrapItemAndSub = <li class="sichtbar">|</li>
  22. #ATagParams = class='submenuLinkActV'
  23. }
  24. }


In o.g. Typoscript sollte Zeile 7 wegfallen und je nachdem ob "ACT" oder "NO" gerade der aktuelle Zustand ist mit der "class='sichtbar'" umschlossen werden (der TS hat einige überflüssige Definition weil es meine Arbeitsversion ist).

Gibt es da was?

Sorry für den langen Text, aber ich wollte es genau beschreiben.

Für Hilfe wäre ich sehr dankbar!

Steffen
Verfasst am: 14.05.2008 [08:52]
Kitsunet


dabei seit: 02.02.2006
Beiträge: 1583
 Du könntest das <ul class="sichtbar">|</ul> in der ersten Ebene beim ACTIFSUB Zustand wrappen... Das dürfte den gewünschten Effekt bringen.
<TS> config.baseURL = http://www.kitsunet.de/ </TS>
Verfasst am: 14.05.2008 [12:25]
xerxes78

[Themenersteller]
dabei seit: 18.12.2007
Beiträge: 5
 Hallo Kitsunet,

danke für den Hinweis. Ein normaler "wrap = ..." innerhalb des ACTIFSUB tut aber nicht!? Denn kann ich doch nur "statuslos" einsetzen? (Siehe im Code wie Zeile Nr.8 ) Sorry das ich frage, wo im TS sollte ich den wrap deiner Meinung nach einfügen? Hier mein vollständiges Menü:

Typoscript:Zeilennummerierung:  An / Aus

  1. ## Menue
  2. lib.menu_1 = HMENU
  3. lib.menu_1 {
  4. entryLevel = 0
  5. expAll = 1
  6. 1 = TMENU
  7. 1{
  8. wrap = <ul id='menu'>|</ul>
  9. noBlur =1
  10. CUR = 1
  11. ACT = 1
  12. ACTIFSUB = 1
  13. NO{
  14. wrapItemAndSub = <li>|</li>
  15. stdWrap {
  16. prepend = TEXT
  17. prepend {
  18. value = <img border="0" src="fileadmin/template/bilder/punkt.gif" />
  19. }
  20. }
  21. }
  22. CUR {       
  23. ATagParams = style="background-color: #e5ebf1;"
  24. wrapItemAndSub = <li>|</li>
  25. stdWrap {
  26. prepend = TEXT
  27. prepend {
  28. value = <img border="0" src="fileadmin/template/bilder/punkt.gif" />
  29. }
  30. }
  31. }
  32. ACT{
  33. expAll = 1
  34. wrap = <ul> |</ul>
  35. wrapItemAndSub = <li>|</li>
  36. }
  37. ACTIFSUB{
  38. expAll = 1
  39. wrapItemAndSub = <li>|</li>
  40. stdWrap {
  41. prepend = TEXT
  42. prepend {
  43. value = <img border="0" src="fileadmin/template/bilder/punkt2.gif" />
  44. }
  45. }
  46. }
  47. }
  48. 2 = TMENU
  49. 2{
  50. noBlur = 1
  51. CUR = 1
  52. ACT = 1
  53. ACTIFSUB = 1
  54. wrap = <ul> |</ul>
  55. NO{
  56. wrapItemAndSub = <li>|</li>
  57. stdWrap {
  58. prepend = TEXT
  59. prepend {
  60. value = <img border="0" src="fileadmin/template/bilder/punkt.gif" />
  61. }
  62. }
  63. }
  64. CUR {       
  65. ATagParams = style="background-color: #e5ebf1;"
  66. wrapItemAndSub = <li>|</li>
  67. stdWrap {
  68. prepend = TEXT
  69. prepend {
  70. value = <img border="0" src="fileadmin/template/bilder/punkt.gif" />
  71. }
  72. }
  73. }
  74. ACT{
  75. expAll = 1
  76. wrap = <ul> |</ul>
  77. wrapItemAndSub = <li>|</li>
  78. }
  79. ACTIFSUB{
  80. expAll = 1
  81. wrapItemAndSub = <li>|</li>
  82. stdWrap {
  83. prepend = TEXT
  84. prepend {
  85. value = <img border="0" src="fileadmin/template/bilder/punkt2.gif" />
  86. }
  87. }
  88. }
  89. }
  90. 3 = TMENU
  91. 3{
  92. noBlur = 1
  93. CUR = 1
  94. ACT = 1
  95. ACTIFSUB = 1
  96. wrap = <ul> |</ul>
  97. NO{
  98. wrapItemAndSub = <li>|</li>
  99. stdWrap {
  100. prepend = TEXT
  101. prepend {
  102. value = <img border="0" src="fileadmin/template/bilder/punkt.gif" />
  103. }
  104. }
  105. }
  106. CUR {       
  107. ATagParams = style="background-color: #e5ebf1;"
  108. wrapItemAndSub = <li>|</li>
  109. stdWrap {
  110. prepend = TEXT
  111. prepend {
  112. value = <img border="0" src="fileadmin/template/bilder/punkt.gif" />
  113. }
  114. }
  115. }
  116. ACT{
  117. expAll = 1
  118. wrapItemAndSub = <li>|</li>
  119. stdWrap {
  120. prepend = TEXT
  121. prepend {
  122. value = <img border="0" src="fileadmin/template/bilder/punkt.gif" />
  123. }
  124. }
  125. }
  126. ACTIFSUB{
  127. expAll = 1
  128. wrapItemAndSub = <li>|</li>
  129. }
  130. }
  131. }


Danke,

Steffen

P.S.: Ich weiss: Ein bischen Einrücken würde nicht schadenicon_wink.gif



Impressum | Kontakt | TYPO3-Hosting | TYPO3-Schulungen

  
TYPO3 Version 4.2.2 testen

TYPO3 Ver. 4.2.2 testen

Testen Sie die neue TYPO3 Version 4.2.2 kostenlos für einen Monat

TYPO3 Bücher

TYPO3 Workshops

TYPO3 Einführungsschulung
in Berlin:
Montag, 17.11.
in Espelkamp:
Freitag, 08.12.
TYPO3 Intensivschulung
in Würzburg:
Mo., 27.10. - Mi., 29.10.
in Köln:
Mo., 10.11. - Mi., 12.11.
in Berlin:
Mi., 19.11. - Fr., 21.11.
in Espelkamp:
Mi., 10.12. - Fr., 12.12.
TYPO3 Extensionschulung
in Berlin:
Mo., 24.11. - Mi., 26.11.
in Espelkamp:
Mo., 15.12. - Mi., 17.12.