Zum Inhalt springen

gmenu_layers: 2. Ebene verschwindet bei Mouseover

Erstellt am 15. September 2008 · 1 Antwort · letzte Antwort am 19. September 2008

Tags: JavaScript & AJAX, Frage

fro ·

Hallo,

mein gmenu_layer-Menü geht so langsam voran. Nun stehe ich aber vor einem Problem, was erfahrene Typo3-Programmierer sicherlich schnell beantworten können (hoffentlich).

Wenn ich im IE6/7 und im Opera mit der Maus über einen Link der 2. Ebene oder die Ebene an sich fahre, verschwindet die 2. Ebene.

Weiß da jemand Rat? Hier der Code:

page.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php

lib.main_menu = HMENU
lib.main_menu{
	special = list
	entryLevel = 0
	special.value = 26,11,13,14,15,16
}

lib.main_menu.1 = GMENU_LAYERS
lib.main_menu.1 {
	wrap = <table cellspacing="0" cellpadding="0"><tr><td>|</td></tr></table>
	freezeMouseover = 1
	dontHideOnMouseUp = 1
	hideMenuWhenNotOver = 10
	hideMenuTimer = 450
	relativeToTriggerItem = 1
	directionUp = 0
	layerStyle = position:absolute; left:0px; margin:39px 0px 0px -29px; visibility:hidden;
	xPosOffset = 0
	yPosOffset = 0
	lockPosition = x
	expAll=1
}
[useragent = *Firefox*] && [version = >=3]
lib.main_menu.1 {
	wrap = <table cellspacing="0" cellpadding="0"><tr><td>|</td></tr></table>
	freezeMouseover = 1
	dontHideOnMouseUp = 1
	hideMenuWhenNotOver = 10
	hideMenuTimer = 450
	relativeToTriggerItem = 1
	directionUp = 0
	layerStyle = position:absolute; left:0px; margin:38px 0px 0px -29px; visibility:hidden;
	xPosOffset = 0
	yPosOffset = 0
	lockPosition = x
	expAll=1
}
[global]

lib.main_menu.1.NO {	
	XY = [10.w]+11,21|*|[10.w]+25,21|*|[10.w]+28,21
	10 = TEXT
	10.text.field = title
	10.fontFile = fileadmin/templates/fonts/menu.ttf
	10.fontSize = 16
	10.fontColor = rgb(220,99,2)
	10.offset = -12,16
	10.align = right
	10.niceText = 1
	wrap=<td>|</td>
}

lib.main_menu.1.ACT < .lib.main_menu.1.NO
lib.main_menu.1.ACT = 1
lib.main_menu.1.ACT {
	10.fontColor = rgb(0,114,40)
}

lib.main_menu.2 = GMENU
lib.main_menu.2{
	relativeToParentLayer = 1
	expAll = 0
	disableAltText = 1
	wrap = <div style="height:20px; width:211px; background-image:url(fileadmin/templates/img/submenu_top.png); background-repeat:no-repeat;"></div>|<div style="height:40px; width:211px; background-image:url(fileadmin/templates/img/submenu_bottom.png); background-repeat:no-repeat;"></div>
}

lib.main_menu.2.NO {
	XY = [10.w]+10, 20
	10 = TEXT
	10.text.field = title
	10.fontFile = fileadmin/templates/fonts/menu.ttf
	10.fontSize = 12
	10.fontColor = rgb(220,99,2)
	10.offset = 5, 15
	10.align = left
	10.niceText = 1
	wrap = <div style="background-image:url(fileadmin/templates/img/submenu_bg.png); background-repeat:repeat-y;"><div style="width:36px; float:left;"> </div><div style="width:175px; position:relative; overflow:hidden;">|</div></div>
}
[browser = msie] && [version = <7]
lib.main_menu.2.NO {
	XY = [10.w]+10, 20
	10 = TEXT
	10.text.field = title
	10.fontFile = fileadmin/templates/fonts/menu.ttf
	10.fontSize = 12
	10.fontColor = rgb(220,99,2)
	10.offset = 5, 15
	10.align = left
	10.niceText = 1
	wrap = <div style="background-image:url(fileadmin/templates/img/submenu_bg.png); background-repeat:repeat-y;"><div style="width:36px; float:left;"> </div><div style="width:150px; position:relative; overflow:hidden;">|</div></div>
}
[global]

lib.main_menu.2.RO < .lib.main_menu.2.NO
lib.main_menu.2.RO = 1 
lib.main_menu.2.RO {
	10.fontColor= rgb(0,114,40)
}

lib.main_menu.2.ACT < .lib.main_menu.2.NO
lib.main_menu.2.ACT = 1
lib.main_menu.2.ACT {
	wrap = <div style="background-image:url(fileadmin/templates/img/submenu_bg.png); background-repeat:repeat-y;"><div style="margin-left:30px; margin-top:7px; width:6px; height:7px; float:left; position:relative; overflow:hidden; background-color:#ffffff; background-image:url(fileadmin/templates/img/submenu_arrow.gif); background-repeat:no-repeat;"> </div><div style="width:175px; position:relative; overflow:hidden;">|</div></div>
	10.fontColor = rgb(0,114,40)
}
[browser = msie] && [version = <7]
lib.main_menu.2.ACT {
	wrap = <div style="background-image:url(fileadmin/templates/img/submenu_bg.png); background-repeat:repeat-y;"><div style="margin-left:15px; margin-top:7px; width:6px; height:7px; float:left; position:relative; overflow:hidden; background-color:#ffffff; background-image:url(fileadmin/templates/img/submenu_arrow.gif); background-repeat:no-repeat;"> </div><div style="width:150px; position:relative; overflow:hidden;">|</div></div>
	10.fontColor = rgb(0,114,40)
}
[global]

Vielen Dank!

Gruß Fabian.

fro ·

Hallo,

ich denke, dass ich jetzt weiß, wo das Problem liegt. Die 2. Ebene verschwindet nicht immer, sondern nur, wenn ich über einen Menüpunkt der zweiten Ebene fahre. Scheinbar wird dabei ein Mouseout-Event ausgelöst.

Kann sich das jemand erklären?

Gruß Fabian.