Hallo Leute,
Ich habe ein kleines Problem mit diesem Dropdown Menü:
Dropdown Menü - Ein barrierefreies Typo3-Menü erstellen | mortox.de
Ich würde es gerne für meine Zwecke in meine Webseite integrieren. Im IE funzt auch alles. Nur der Firefox will nicht so recht. Ich habe den JavaScript Code ausgelagert in "script.js".
javascript
:
Code:
function show(element){
element.className += "hover";
}
function hide(element){
element.className = element.className = "";
} TypoScript:
Typoscript-Code:
1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 31: 32: 33: 34: 35: 36: 37: 38: 39: 40: 41: 42: 43: 44: 45: 46: 47: 48: 49: 50: 51: 52: 53: 54: 55: 56: 57: 58: 59: 60: 61: 62:
| temp.mainTemplate = TEMPLATE temp.mainTemplate { template = FILE template.file = fileadmin/template/html_template/smt_template.html } page = PAGE page.typeNum = 0 [ useragent = *Firefox* ] OR [ useragent = *Opera* ] page.stylesheet = fileadmin/template/html_template/styleff.css [ useragent = *MSIE* ] AND [ useragent = *Windows* ] page.stylesheet = fileadmin/template/html_template/styleie.css [global] page.headerData.10 = TEXT page.headerData.10.value = <script type="text/javascript" src="fileadmin/template/html_template/script.js"></script> page.10 < temp.mainTemplate page.10{ subparts{ CONTENT < styles.content.get NAVI_TOP = HMENU NAVI_TOP{ special = directory special.value = 24 1 = TMENU 1.NO = 1 1.NO{ after = | before = | after.if{ value = 17 equals.field = uid } before.if{ value = 17 equals.field = uid } } } NAVIGATION = HMENU NAVIGATION{ 1 = TMENU 1{ wrap = <ul class="menu">|</ul> expAll = 1 NO.wrapItemAndSub = <li onmouseover="show(this)" onmouseout="hide(this)">|</li> ACT < .NO ACT = 1 ACT.ATagParams = class="active" } 2 = TMENU 2{ wrap = <ul class="submenu" onmouseover="show(this)" onmouseout="hide(this)">|</ul> } } } } |
Warum zeigt es die 2te Ebene im Firefox generell immer an und im IE nicht. Also im IE funktioniert das Menü. Es müsste ja eigentlich am JavaScript selbst liegen, da es anscheinend im Firefox keine Wirkung zeigt.
Danke für Eure Mühen im Vorraus!