HILFE!!! Sackgasse bei horizontalem Menü...

RomanWild · 10. September 2003 15:09

Hallo Kollegen! 😃

Ich bräuchte mal eure Hilfe...
Die Frage wird wahrscheinlich ziemlich blöd sein, aber ich bin Frischling und brings einfach nicht hin! 😢 :o

Und zwar, möchte ich ein horizontales Menü realisieren.
Es soll aus zwei Zeilen bestehen. Untereinander. In der Obersten werden die vier "Hauptpunkte" angezeigt, z.B. Produkt. Klickt man nun auf Produkt, soll in der zweiten Zeile Produkt A, Produkt B usw. nebeneinander aufgeführt werden. Die zweite Zeile sollte auf gleicher Höhe wie die erste beginnen - Darunter halt...

Momentan versuche ich das ganze mit einem GMENU Layer-Menü zu erstellen. Vergebens. Naja, es funktioniert schon, aber die zweite Zeile erschein willkürlich mal weiter vorn oder hinten. #evil#

Irgendwelche Tipps? Wie könnte ich es realisieren?
Ich steck grad irgendwie in einer Sackgasse... #paralyzed#

Viele Grüße aus Augsburg,
Roman

RomanWild · 10. September 2003 15:32

Achja, hier noch der Teil vom Script...

Biiiiitteeeee helfen. #paralyzed#

workOnSubpart = DOCUMENT_BODY
temp.menu_1 = HMENU
temp.menu_1.1 = GMENU_LAYERS
temp.menu_1.1 {
  layerStyle = position:absolute
  directionLeft = 0
  lockPosition = x
  topOffset = 30
  leftOffset = 1
  displayActiveOnLoad = 1
  dontHideOnMouseUp = 0
  NO.backcolor = #FFFFFF
  NO.XY = [10.w]+10, 14
  NO.10 = TEXT
  NO.10.text.field = title
  NO.10.offset = 5,10
  }
temp.menu_1.2 = GMENU
  temp.menu_1.2 {
  wrap = <nobr>|</nobr>
  NO.backColor = #FFFFFF
  NO.XY = [10.w]+10, 14
  NO.10 = TEXT
  NO.10.text.field = title
  NO.10.offset = 7,10
  }

RomanWild · 11. September 2003 09:42

Weiß denn wirklich niemand was dazu?
Schade... 🙁

marksta · 11. September 2003 10:00

Hallo Roman,

lad dir mal das testsite package herunter, dort hat es entsprechende menus in hülle und fülle.

Falls es dein Problem dennoch nicht löst einfach nochmals posten.

Gruss,
Markus

RomanWild · 11. September 2003 10:04

Gute Idee... DANKE!!!

Werd mir das gleich mal ansehen...

Gruß,
Roman

RomanWild · 11. September 2003 10:07

Hmm, wo find ich denn diese Packages?
Irgendwie sitz ich auf dem Schlauch.
Im Downloadbereich ist nix...

marksta · 11. September 2003 10:10

http://typo3.org/1274.0.html

Im obersten Drittel zwischen Quickstart und Dummy

RomanWild · 11. September 2003 11:25

Hallo!

So, hab mir das Ganze jetzt mal angeguckt... :o
Da wär schon ein Menü dabei, das ganz nett wäre. Also, einfach mal das Script in mein Template kopiert und an meine Umgebung angepasst. 8-)
ABER: Jetzt hab ich genau das gleiche Problem, dass ich auch mit meinem eigenen Menü hatte... Das Menü wird wunderbar angezeigt, ABER wenn sich die zweite Ebene "aufklappt" erscheint diese irgendwo! Aber eben nicht genau unter dem Überpunkt!!! #evil#

Ach, des is doch echt zum kotzen...

Aaaaaaaaaaaah, Ich hab keine Ahnung, was ich noch probieren soll!!!

Weißt du vielleicht noch was marksta?

Gruß,
Roman

Hinne · 11. September 2003 12:43

Hallo Roman,

ich hoffe ich verzapfe nicht den totalen Mist (bin blutiger Anfänger). Was mir nur ins Auge sticht, ist:

layerStyle = position:absolute

sollte das nicht relativ sein? Denn bei "absolut" setzt er das nach meinem Verständnis immer an die gleiche Stelle am Schirm und eben nicht relativ zu Deiner Tabelle.

Ist ein absoluter Schuss ins blaue... aber vielleicht wäre "relative" richtiger?!

gruß Hinne

RomanWild · 11. September 2003 13:17

Danke Hinne für den Tipp!

Hmm, leider zerbombt mir das alles #paralyzed#
Dann sehe ich nurnoch sämtliche Ebenen und Seiten totall wirr durcheinander auf einmal #paralyzed#

Hilft also nix...

Aber vielen vielen Dank...
(Der Wille zählt!)

Gruß,
Roman

RomanWild · 11. September 2003 14:05

Gut, mittlerweile hab ich wieder Fortschritte gemacht...

Das Problem ist nur, dass das Menü nicht "sliden" soll. Jetzt bewegt sich der Unterpunkt immer mit der Maus mit. Das solls aber nicht...

Wenn ich auf "PRODUKTE" klicke, solls quasie so aussehen:

Und nicht so, dass die zweite Zeile immer meinem Mauszeiger hinterher rennt...
Und wenn ich auf "KUNDEN" klicke, genau das gleiche... (Also unten dann dementsprechend: Kunde A, Kunde B, usw...)

ICH GEB NICHT AUF!!!!!

#giggle# 😃 #giggle# 😃

Hillemann · 13. November 2003 14:34

hallo,

ich habs so gelöst:
ich erzeuge für jede menüebene ein eigenes HMENU:

page.10{
marks.MENU_EBENE1 = HMENU
marks.MENU_EBENE1{
1 = GMENU
1 {
...
NO{ ...
}
}
}

2. Menüzeile Untermenü:
als neues Menü mit entryLevel=1!!

marks.MENU_EBENE2 = HMENU
marks.MENU_EBENE2{
entryLevel=1
1=GMENU_LAYERS (oder GMENU...)
1 {
...
}
}
...
}

im template dann die marker z.b. in je eine tabellenzeile,
evtl. noch mit <nobr> wrappen, damit es nicht zusammengeschoben wird

viele grüße, hillemann

ganesch · 13. November 2003 21:38

Hallo Hillemann

Würde es Dir etwas ausmachen, das TypoScript komplett zu posten (das ganze Setup-Feld) - evtl. mit einem Auszug aus Deinem HTML-Template (den Teil mit dem Menü) o.O

Ich habe vorgestern mit einem ähnlichen Versuch gestartet und wollte dazu das TypoScript aus "Modern Template Building, Part 1", Seite 33, Creating the menu, nehmen...

Doch wenn Du Dir schon die Mühe gemacht hast und es bei Dir jetzt läuft, muss ich mir den Kopf vielleicht nicht nochmal zerbrechen #paralyzed#

Gruss
Nick

Hillemann · 19. November 2003 13:08

hallo,

hat ein bißchen gedauert...

die wrap-einträge bewirken, daß die menüzeilen über die gesamte breite der seite mit einer hintergrundfarbe angezeigt werden, durch die breite von 102% wird jedoch auch ein scrollbalken eingeblendet
das müßte sich aber z.b. mit einem frame mit konstanter breite umgehen lassen

page.10{
marks.MENU_EBENE1 = HMENU
marks.MENU_EBENE1{
wrap=<table width=102% bgcolor=#238139 border=0 cellpadding=0 cellspacing=0><tr><nobr>|<td width=100%></td></nobr></tr></table>
1 = GMENU
1 {
target = page
collapse=1
displayActiveOnLoad = 1
NO{
backColor = #238139
10 = TEXT
XY = [10.w]+20, 23
10.text.field = title
10.fontFile = arial.ttf
10.fontColor = #a0ff00
10.fontSize = 16
10.niceText = 0
10.offset = 10,16
wrap = |*||*|<td width=50><nobr>|<img src=fileadmin/bilder/line.gif width=1 height=23></nobr></td>||<td width=50><nobr>|</nobr></td>
}
RO < .NO
RO = 1
RO {
10.fontColor = #ffffff
}
ACT < .RO
}
}

marks.MENU_EBENE2 = HMENU
marks.MENU_EBENE2{
wrap=<table width=102% bgcolor=#20993c border=0 cellpadding=0 cellspacing=0><tr><nobr>|</nobr><td width=100%></td></tr></table>
entryLevel=1
1=GMENU_LAYERS
1 {
target = page
#für MENU_EBENE3:
layerStyle = position:absolute;VISIBILITY:hidden;
xPosOffset = 0
lockPosition = x
lockPosition_adjust=1
topOffset=42
expAll=1
hideMenuTimer=3000
hideMenuWhenNotOver=15
dontHideOnMouseUp=1
collapse=1
NO < page.10.marks.MENU_EBENE1.1.NO
NO {
backColor = #20993c
XY = [10.w]+20, 19
10 = TEXT
10.fontColor = #a0ff00
10.offset = 10,13
10.fontSize = 14
wrap = |*||*|<td width=50><nobr>|<img src=fileadmin/bilder/line.gif width=1 height=19></nobr></td>||<td width=50><nobr>|</nobr></td>
}
RO < .NO
RO = 1
RO {
10.fontColor = #ffffff
}
ACT < .RO
}

# Menu_EBENE3 als Ausklappmenu
2=GMENU_LAYERS
2 {
target = page
wrap=<table border=0 cellpadding=0 cellspacing=0><tr><td><table bgcolor=#78e792 border=0 cellpadding=0 cellspacing=0>|<tr><td></td></tr></table></nobr></td></tr></table>
collapse=1
NO {
backColor = #78e792
XY = [10.w]+20, 16
10 = TEXT
10.text.field = nav_title // title
10.fontFile = arial.ttf
10.fontColor = #005000
10.niceText = 0
10.offset = 10,11
10.fontSize = 12
wrap = <tr><td><nobr>|</nobr></td></tr>
}
RO < .NO
RO = 1
RO {
10.fontColor = #ffffff
}
ACT < .RO
}
}
}

und die content.html-Datei:
...
<BODY>

###MENU_EBENE1### ###MENU_EBENE2###
...

viele grüße, hillemann