Hallo!
Ich würde gerne ein Menü haben, dass mir bei einem MouseOver im Menü der 2. Ebene (Tiefe) das Menü der 3. Ebene in einem <div> aufmacht. Das 3. Menü soll bei einem MouseOver über einem Element des 2. Menüs aufgehen und beim MouseOut wieder geschlossen werden.
Das würde ich mit JS machen. Doch dazu brauche ich für die einzelnen Submenüs eine eindeutige ID. Diese müssste ich unter "temp.menu_1.3 = TMENU" im ersten WRAP in <div id="XXX"> (Zeile 29) einbauen. PROBLEM! 😮)
Wie kann ich da eindeutige IDs vergeben, mit denen ich dann in JS arbeiten kann???
(die JS-Funktionen fehlen noch, also nicht wundern ... 😮))
Hier mein Code:
temp.menu_1 = HMENU
temp.menu_1.1 = TMENU
temp.menu_1.1 {
expAll=1
NO.doNotLinkIt = 1
NO.allWrap = <table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="menu_level_1"> | </td></tr></tbody></table>
}
temp.menu_1.2 = TMENU
temp.menu_1.2 {
expAll=1
NO.allWrap = <table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="menu_level_2"> | </td></tr></tbody></table>
ACT = 1
ACT.allWrap = <table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="menu_level_2_act"> | </td></tr></tbody></table>
IFSUB = 1
IFSUB {
doNotLinkIt = 1
allWrap = <table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td onmouseover="this.style.backgroundColor = '#EA6D25';" onmouseout="this.style.backgroundColor = '#999999';" class="menu_level_2_sub"><nobr> | <img src="fileadmin/template_images/pf.gif" style="margin-left:5px" alt="" /></nobr></td></tr></tbody></table>
}
ACTIFSUB = 1
ACTIFSUB {
doNotLinkIt = 1
allWrap = <table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td onmouseover="this.style.backgroundColor = '#EA6D25';" onmouseout="this.style.backgroundColor = '#999999';" class="menu_level_2_sub"><nobr> | <img src="fileadmin/template_images/pf.gif" style="margin-left:5px" alt="" /></nobr></td></tr></tbody></table>
}
}
temp.menu_1.3 = TMENU
temp.menu_1.3 {
wrap = <div id="XXX" style="position:absolute; left:200px"> | </div>
expAll=1
NO.subst_elementUid = 1
NO.allWrap = <table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td id="SubMenu{elementUid}" class="menu_level_2_sub"> | </td></tr></tbody></table>
}