Zum Inhalt springen

Gmenu_layers 2. Ebene wird bei mouseover Eb.1 unsichtbar

Erstellt am 24. Mai 2006 · 8 Antworten · letzte Antwort am 24. Mai 2006

Tags: Frage

flashpixel ·

Hallo Zusammen,

ich habe eine Navigation GMENU_LAYERS und die zweite Ebene soll erst sichtbar werden, wenn Ebene 1 aktiv ist.
Nun verschwindet bei Mouseover (Ebene1) aber die Ebene 2 der aktiven Seite, wird bei Mouseout wieder sichtbar.
Das führt zu einem sehr unschönen "Flattereffekt".
Nachdem ich die letzten vier Tage alle mögl. Tuts und Fohren durchsucht habe, hier nun die Hoffnung auf einen Lösungsansatz.

Hier das TS

MENU_TOP = HMENU
MENU_TOP {
  special = directory
  special.value = 50
  entryLevel = 1
  1 = GMENU_LAYERS
  1{
    layerStyle = position:absolute;width:950px;left:0;top:41;vertical-align:middle;visibility:hidden;padding:0z-index:10;
    xPosOffset = 0
    leftOffset = 0
    dontFollowMouse = 1
    topOffset = 41
    hideMenuWhenNotOver = 30
    hideMenuTimer = 250
    freezeMouseover = 1
    relativeToTriggerItem = 0
    dontHideOnMouseUp = 1
    displayActiveOnLoad = 1
    expAll= 0
  }
   
   
  1.NO = 1
  1.NO{
    allWrap = <img src="fileadmin/img/clear.gif" width="8" border="0" alt="" />|
    XY = 214, 31
    5 = IMAGE
    5.file = fileadmin/img/start-title2.gif
    10 = TEXT
    10.text.field = title
    10.fontColor = #FFFFFF
    10.fontFile = fileadmin/font/arial.ttf
    10.fontSize = 22
    10.offset = [5.w]-[10.w]/2, 23
  }
  1.RO < .1.NO
  1.RO{
    5.file = fileadmin/img/start-title.gif
  }
  1.ACT < .1.RO
   
  2 = GMENU
  2.expAll= 0
  2.wrap=<table width="950" cellspacing="0" cellpadding="0" border="0"><tr><td align="center"><table height="20" cellspacing="0" cellpadding="0" border="0"><tr><td align="left" valign="middle">|</td></tr></table></td></tr></table>
  2.NO = 1
  2.NO{
    wrap = | 
    XY = 100, 21
               #backColor = #e30916
    5 = IMAGE
    5.file = fileadmin/img/subNav.gif
    10 = TEXT
    10.text.field = title
    10.fontColor = #FFFFFF
    10.fontFile = fileadmin/font/arial.ttf
    10.fontSize = 14
    10.iterations = 3
    10.offset = 100 -[10.w]/2, 16
  }
  2.RO < .2.NO
  2.RO{
               #backColor = #b81216
    5.file = fileadmin/img/subNav_high.gif
  }
  2.ACT < .2.RO
}
#------------------------------------------------------------------------end topMenu

Bitte dringend um Hilfe, da die Seite heute noch online gehen soll.

Danke und Gruß flashpixel

maop ·

Hast du mal einen Link dazu? kann ich mir schlecht vorstellen.
Heißt das, dass du jetzt genau den entgegengesetzten Effekt hast, als du haben möchtest?

Bei der layerstyle-Angabe fehlt ein Semikolon und den z-index kannst du auf diesen Weg meines Wissens auch nicht beeinflussen

Gruß
maop

flashpixel ·

wenn ich expAll auf 1 setze, dann wird beimMouseOver (Ebene1) immer die dazuzgehörige Ebene2 angezeigt, was den Kunde noch mehr stört ;-)

maop ·

also möchtest du gar keine mouseover-effekte und die andere Ebene soll erst auf Klick erscheinen?

sorry wenn ich dich falsch verstehe.

flashpixel ·

Hab mich etwas fahrig ausgedrückt.

Dei oberen Raiter sollen einen Rollover haben (rot werden) und die Unternavigation soll nur bei aktivem Raiter sichtbar sein und dann aber auch immer da bleiben, bis ich wieder auf einen anderen Raiter klicke.

maop ·

dafür braucht du kein GMENU_LAYERS
das müßtest du auch mit GMENU und RO hinbekommen (hast du ja eigentlich schon so umgesetzt)

dann hast du auch nicht das Problem, dass das Untermenü verschwindet.

MENU_TOP = HMENU
MENU_TOP {
  special = directory
  special.value = 50
  entryLevel = 1
#  1 = GMENU_LAYERS
  1 = GMENU
  1{
#    layerStyle = #position:absolute;width:950px;left:0;top:41;vertical-align:middle;visibility:hidden;padding:0z-index:10;
#    xPosOffset = 0
#    leftOffset = 0
#    dontFollowMouse = 1
#    topOffset = 41
#    hideMenuWhenNotOver = 30
#    hideMenuTimer = 250
#    freezeMouseover = 1
#    relativeToTriggerItem = 0
#    dontHideOnMouseUp = 1
#    displayActiveOnLoad = 1
#    expAll= 0
  }
   
   
  1.NO = 1
  1.NO{
    allWrap = <img src="fileadmin/img/clear.gif" width="8" border="0" alt="" />|
    XY = 214, 31
    5 = IMAGE
    5.file = fileadmin/img/start-title2.gif
    10 = TEXT
    10.text.field = title
    10.fontColor = #FFFFFF
    10.fontFile = fileadmin/font/arial.ttf
    10.fontSize = 22
    10.offset = [5.w]-[10.w]/2, 23
  }
  1.RO < .1.NO
  1.RO{
    5.file = fileadmin/img/start-title.gif
  }
  1.ACT < .1.RO
   
  2 = GMENU
  2.expAll= 0
  2.wrap=<table width="950" cellspacing="0" cellpadding="0" border="0"><tr><td align="center"><table height="20" cellspacing="0" cellpadding="0" border="0"><tr><td align="left" valign="middle">|</td></tr></table></td></tr></table>
  2.NO = 1
  2.NO{
    wrap = | 
    XY = 100, 21
               #backColor = #e30916
    5 = IMAGE
    5.file = fileadmin/img/subNav.gif
    10 = TEXT
    10.text.field = title
    10.fontColor = #FFFFFF
    10.fontFile = fileadmin/font/arial.ttf
    10.fontSize = 14
    10.iterations = 3
    10.offset = 100 -[10.w]/2, 16
  }
  2.RO < .2.NO
  2.RO{
               #backColor = #b81216
    5.file = fileadmin/img/subNav_high.gif
  }
  2.ACT < .2.RO
}
#------------------------------------------------------------------------end topMenu

so in etwa.

Ich persönlich würde es allerdings besser finden, wenn das Untermenü der anderen Punkte bei einem rollover erscheint. so weiß man schneller was einem in den Rubriken erwartet.

flashpixel ·

Das hatte ich auch schon , aber dann baut er mir die Hauptnavigation nach Klick auf ein Raiter unereinander auf und die Unternavigationspunkte verschwinden ganz wenn sie aktiv sein sollen.