Update of /cvsroot/mxbb/core/modules/mx_navmenu/templates/subSilver In directory sc8-pr-cvs7.sourceforge.net:/tmp/cvs-serv12432/modules/mx_navmenu/templates/subSilver Added Files: mx_menu_advanced_CSS_hor.tpl mx_menu_advanced_CSS_ver.tpl mx_menu_classic_hor.tpl mx_menu_classic_ver.tpl mx_menu_simple_CSS_hor.tpl mx_menu_simple_CSS_ver.tpl Removed Files: mx_menu_advanced_app_hor.tpl mx_menu_advanced_app_ver.tpl mx_menu_simple_hor.tpl mx_menu_simple_ver.tpl mx_menu_standard_hor.tpl mx_menu_standard_ver.tpl Log Message: Navigation menu option names are updated --- mx_menu_advanced_app_hor.tpl DELETED --- --- mx_menu_simple_ver.tpl DELETED --- --- mx_menu_advanced_app_ver.tpl DELETED --- --- mx_menu_standard_ver.tpl DELETED --- --- mx_menu_simple_hor.tpl DELETED --- --- NEW FILE: mx_menu_simple_CSS_hor.tpl --- <style type="text/css"> <!-- .ddm1 { font: 11px {T_FONTFACE1}; } .ddm1 .item1, .ddm1 .item1:hover, .ddm1 .item1-active, .ddm1 .item1-active:hover { padding: 3px 8px 4px 8px; text-decoration: none; display: block; position: relative; } .ddm1 .item1 { color: {T_BODY_LINK}; border: 1px {T_TR_COLOR2}; } .ddm1 .item1:hover, .ddm1 .item1-active, .ddm1 .item1-active:hover { background: {T_TR_COLOR2}; color: {T_BODY_VLINK}; border: 1px {T_TH_COLOR1}; border-style: solid solid solid solid; } .ddm1 .item2, .ddm1 .item2:hover { padding: 3px 8px 4px 8px; text-decoration: none; display: block; white-space: nowrap; } .ddm1 .item2 { color: {T_BODY_LINK}; } .ddm1 .item2:hover { background: {T_TR_COLOR2}; color: {T_BODY_VLINK}; } .ddm1 .section { background: {T_TR_COLOR1}; border: 1px {T_TH_COLOR1}; border-style: solid solid solid solid; position: absolute; visibility: hidden; z-index: -1; white-space: nowrap; } .ddm1 .left, .ddm1 .left:hover { border-style: solid none solid solid; } .ddm1 .right, .ddm1 .right:hover { border-style: solid solid solid none; } * html .ddm1 td { position: relative; } /* ie 5.0 fix */ --> </style> <script type="text/javascript" src="{MX_ROOT_PATH}modules/mx_shared/mygosumenu/ie5.js"></script> <script type="text/javascript" src="{MX_ROOT_PATH}modules/mx_shared/mygosumenu/1.0/DropDownMenu1.js"></script> <table width="100%" cellpadding="0" cellspacing="1" border="0" class="forumline" style="border-top:none;"> <tr> <td align="left"> <table cellspacing="0" cellpadding="0" id="menu{MENU_ID}" class="ddm1"> <tr> <!-- BEGIN catrow --> <td> <a class="item1" href="{catrow.CATEGORY_URL}">{catrow.CATEGORY_NAME}</a> <div class="section"> <!-- BEGIN modulerow --> {catrow.modulerow.U_MENU_ICON}<a class="item2" href="{catrow.modulerow.U_MENU_MODULE}" target="{catrow.modulerow.U_LINK_TARGET}">{catrow.modulerow.MENU_NAME}</a> <!-- END modulerow --> </div> </td> <!-- END catrow --> </tr> </table> </td> </tr> </table> <!-- /* Type of the menu: "horizontal" or "vertical" */ this.type = "horizontal"; /* Delay (in miliseconds >= 0): show-hide menu */ this.delay = { "show": 0, "hide": 300 } /* Change the default position of sub-menu by Y pixels from top and X pixels from left * Negative values are allowed */ this.position = { "top": 0, "left": 0 } /* Z-index property for .section */ this.zIndex = { "visible": 1, "hidden": -1 }; // Browser detection this.browser = { "ie": Boolean(document.body.currentStyle), "ie5": (navigator.appVersion.indexOf("MSIE 5.5") != -1 || navigator.appVersion.indexOf("MSIE 5.0") != -1) }; if (!this.browser.ie) { this.browser.ie5 = false; } --> <script type="text/javascript"> <!-- var ddm1 = new DropDownMenu1('menu' + '{MENU_ID}'); ddm1.type = "horizontal"; ddm1.delay.show = 0; ddm1.delay.hide = 100; ddm1.position.top = 1; ddm1.position.left = 0; ddm1.init(); //--> </script> --- NEW FILE: mx_menu_classic_hor.tpl --- <table width="100%" cellpadding="0" cellspacing="1" border="0" class="forumline" style="border-top:none;"> <tr> <!-- BEGIN catrow --> <td class="row1" align="left" width="{CAT_WIDTH}" valign="top"> <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td class="row2"> <table width="100%" cellpadding="2" cellspacing="0" border="0"> <tr> <td class="cat" width="10" align="center" valign="middle" style="border:none;"> <span class="mx_rollup_button" onClick="mx_toggle(this, 'mxNavCat_{catrow.BLOCK_ID}{catrow.CAT_ID}', '{catrow.U_CAT_NAV_EXPAND}', '{catrow.U_CAT_NAV_CONTRACT}');"><img src="{catrow.U_CAT_NAV_DYNAMIC}" border="0" /></span> </td> <td class="cat" align="left" width="100%" style="border:none;"> <span class="nav"><b> {catrow.CATEGORY}</b></span> </td> </tr> <tr> <td class="row1" align="left" colspan="2"><span class="genmed">{catrow.DESCRIPTION}</span></td> </tr> </table> </td> </tr> <tbody id="mxNavCat_{catrow.BLOCK_ID}{catrow.CAT_ID}" style="display: {catrow.CAT_SHOW};"> <tr> <td class="row1" style="border:none;"> <table width="100%" cellpadding="2" cellspacing="0" border="0"> <!-- BEGIN modulerow --> <tr> <td style="border:none;" class="row1" valign="middle" colspan="2" onmouseout="this.className='row1';" onmouseover="this.className='row2';">{catrow.modulerow.U_MENU_ICON}<span class="{catrow.modulerow.MENU_STYLE}"><a href="{catrow.modulerow.U_MENU_MODULE}" target="{catrow.modulerow.U_LINK_TARGET}" class="genmed" title="{catrow.modulerow.MENU_DESC}">{catrow.modulerow.MENU_NAME}</a></span></td> </tr> <!-- END modulerow --> </table> </td> </tr> </tbody> </table> </td> <!-- END catrow --> </tr> </table> --- NEW FILE: mx_menu_simple_CSS_ver.tpl --- <style type="text/css"> <!-- .ddm1 { font: 11px {T_FONTFACE1}; } .ddm1 .item1, .ddm1 .item1:hover, .ddm1 .item1-active, .ddm1 .item1-active:hover { padding: 3px 8px 4px 8px; text-decoration: none; display: block; position: relative; white-space: nowrap; } .ddm1 .item1 { color: {T_BODY_LINK}; border: 1px {T_TR_COLOR2}; } .ddm1 .item1:hover, .ddm1 .item1-active, .ddm1 .item1-active:hover { background: {T_TR_COLOR2}; color: {T_BODY_VLINK}; border: 1px {T_TH_COLOR1}; border-style: solid solid solid solid; } .ddm1 .item1 img, .ddm1 .item1-active img{ position: absolute; top: 4px; right: 1px; border: 0; } .ddm1 .item2, .ddm1 .item2:hover { padding: 3px 8px 4px 8px; text-decoration: none; display: block; white-space: nowrap; border: 1px {T_TR_COLOR2}; } .ddm1 .item2 { color: {T_BODY_LINK}; } .ddm1 .item2:hover { background: {T_TR_COLOR2}; color: {T_BODY_VLINK}; border: 1px {T_TH_COLOR1}; border-style: solid solid solid solid; } .ddm1 .section { background: {T_TR_COLOR1}; border: 1px {T_TH_COLOR1}; border-style: solid solid solid solid; position: absolute; visibility: hidden; z-index: -1; white-space: nowrap; } .ddm1 .left, .ddm1 .left:hover { border-style: solid none solid solid; } .ddm1 .right, .ddm1 .right:hover { border-style: solid solid solid none; } * html .ddm1 td { position: relative; } /* ie 5.0 fix */ --> </style> <script type="text/javascript" src="{MX_ROOT_PATH}modules/mx_shared/mygosumenu/ie5.js"></script> <script type="text/javascript" src="{MX_ROOT_PATH}modules/mx_shared/mygosumenu/1.0/DropDownMenu1.js"></script> <table width="100%" cellpadding="0" cellspacing="1" border="0" class="forumline" style="border-top:none;"> <tr> <td align="center"> <table width="100%" cellspacing="0" cellpadding="0" id="menu{MENU_ID}" class="ddm1"> <!-- BEGIN catrow --> <tr> <td> <a class="item1" href="{catrow.CATEGORY_URL}">{catrow.CATEGORY_NAME}<img src="{MX_ROOT_PATH}modules/mx_navmenu/templates/subSilver/images/arrow_right.gif" width="10" height="12" alt="" /></a> <div class="section"> <!-- BEGIN modulerow --> <a class="item2" href="{catrow.modulerow.U_MENU_MODULE}" target="{catrow.modulerow.U_LINK_TARGET}">{catrow.modulerow.U_MENU_ICON}{catrow.modulerow.MENU_NAME}</a> <!-- END modulerow --> </div> </td> </tr> <!-- END catrow --> </table> </td> </tr> </table> <!-- /* Type of the menu: "horizontal" or "vertical" */ this.type = "horizontal"; /* Delay (in miliseconds >= 0): show-hide menu */ this.delay = { "show": 0, "hide": 300 } /* Change the default position of sub-menu by Y pixels from top and X pixels from left * Negative values are allowed */ this.position = { "top": 0, "left": 0 } /* Z-index property for .section */ this.zIndex = { "visible": 1, "hidden": -1 }; // Browser detection this.browser = { "ie": Boolean(document.body.currentStyle), "ie5": (navigator.appVersion.indexOf("MSIE 5.5") != -1 || navigator.appVersion.indexOf("MSIE 5.0") != -1) }; if (!this.browser.ie) { this.browser.ie5 = false; } --> <script type="text/javascript"> <!-- var ddm1 = new DropDownMenu1('menu' + '{MENU_ID}'); ddm1.type = "vertical"; ddm1.delay.show = 0; ddm1.delay.hide = 100; ddm1.position.top = 0; ddm1.position.left = 5; ddm1.init(); //--> </script> --- NEW FILE: mx_menu_advanced_CSS_ver.tpl --- <style type="text/css"> <!-- .XulMenu { font-family: {T_FONTFACE1}; font-size: 11px; -moz-user-select: none; } .XulMenu .button, .XulMenu .button:hover, .XulMenu .button-active, .XulMenu .button-active:hover { line-height: normal; padding: 5px 6px 4px 6px; border: 1px solid #ECE9D8; color: {T_FONTFACE1}; text-decoration: none; cursor: default; white-space: nowrap; display: block; position: relative; } .XulMenu .button:hover { border-color: #ffffff #ACA899 #ACA899 #ffffff; } .XulMenu .button-active, .XulMenu .button-active:hover { border-color: #ACA899 #ffffff #ffffff #ACA899; } .XulMenu .button img, .XulMenu .button-active img{ position: absolute; top: 4px; right: 1px; border: 0; } .XulMenu .item, .XulMenu .item:hover, .XulMenu .item-active, .XulMenu .item-active:hover { background: {T_TR_COLOR1}; line-height: normal; padding: 3px 20px 3px 20px; color: #000000; text-decoration: none; cursor: default; white-space: nowrap; display: block; position: relative; } .XulMenu .item:hover, .XulMenu .item-active, .XulMenu .item-active:hover { background: {T_TR_COLOR2}; color: {T_FONTFACE1}; } .XulMenu .section { background: {T_TR_COLOR1}; border: 1px solid; border-color: #F1EFE2 #716F64 #716F64 #F1EFE2; padding: 2px 1px 1px 2px; position: absolute; visibility: hidden; z-index: -1; } .XulMenu .arrow { position: absolute; top: 7px; right: 8px; border: 0; } * html .XulMenu td { position: relative; } /* ie 5.0 fix */ --> </style> <script type="text/javascript" src="{MX_ROOT_PATH}modules/mx_shared/mygosumenu/ie5.js"></script> <script type="text/javascript" src="{MX_ROOT_PATH}modules/mx_shared/mygosumenu/1.4/XulMenu.js"></script> <div id="bar"> <table width="100%" cellpadding="0" cellspacing="1" border="0" class="forumline" style="border-top:none;"> <tr> <td align="center"> <table width="100%" cellspacing="0" cellpadding="0" id="menu{MENU_ID}" class="XulMenu"> <!-- BEGIN catrow --> <tr> <td> <a class="button" href="javascript:void(0)">{catrow.CATEGORY_NAME}<img src="{MX_ROOT_PATH}modules/mx_navmenu/templates/subSilver/images/arrow_right.gif" width="10" height="12" alt="" /></a> <div class="section"> <!-- BEGIN modulerow --> <a class="item" href="{catrow.modulerow.U_MENU_MODULE}" target="{catrow.modulerow.U_LINK_TARGET}">{catrow.modulerow.U_MENU_ICON}{catrow.modulerow.MENU_NAME}</a> <!-- END modulerow --> </div> </td> </tr> <!-- END catrow --> </table> </td> </tr> </table> </div> <!-- Example of initializing: var menu = new XulMenu("id_of_the_menu"); menu.init(); Example of initializing and setting additional stuff: var menu1 = new XulMenu("menu1"); menu1.type = "horizontal"; menu1.position.level1.top = 0; menu1.position.level1.left = 0; menu1.position.levelX.top = 0; menu1.position.levelX.left = 0; menu1.arrow1 = "images/arrow.gif"; menu1.arrow2 = "images/arrow-active.gif"; Note: arrow1 & arrow2 set only when you want the arrow image to change when element is active. If you don't want the arrow to change keep both variables empty. ---------------- API ---------------- Controlling the menu: show(id) hide(id) hideAll() hideHigherOrEqualLevels(n) id = id of the element n = level examples: 1) menu1.show("menu1-1"); 2) menu1.show("menu1-1"); menu1.show("menu1-1-2"); menu1.show("menu1-1-2-0"); menu1.hideHigherOrEqualLevels(2); Both examples show the same. --> <script type="text/javascript"> var menu1 = new XulMenu('menu' + '{MENU_ID}'); menu1.type = "vertical"; menu1.arrow1 = "images/arrow1.gif"; menu1.arrow2 = "images/arrow2.gif"; menu1.position.level1.top = 0; menu1.position.level1.left = 0; menu1.init(); </script> --- NEW FILE: mx_menu_classic_ver.tpl --- <table width="100%" cellpadding="0" cellspacing="1" border="0" class="forumline" style="border-top:none;"> <!-- BEGIN catrow --> <tr> <td> <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td class="row2" align="left"> <table width="100%" cellpadding="2" cellspacing="0" border="0" > <tr> <td class="cat" align="center" width="10" style="border:none;"> <span class="mx_rollup_button" onClick="mx_toggle(this, 'mxNavCat_{catrow.BLOCK_ID}{catrow.CAT_ID}', '{catrow.U_CAT_NAV_EXPAND}', '{catrow.U_CAT_NAV_CONTRACT}');"><img src="{catrow.U_CAT_NAV_DYNAMIC}" border="0" alt=""/></span> </td> <td class="cat" align="left" width="100%" style="border:none;"> <span class="nav"> {catrow.CATEGORY}</span> <!-- BEGIN switch_cat_desc --> <br> <span class="gensmall"> {catrow.switch_cat_desc.CAT_DESC}</span> <!-- END switch_cat_desc --> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tbody id="mxNavCat_{catrow.BLOCK_ID}{catrow.CAT_ID}" style="display: {catrow.CAT_SHOW};"> <tr> <td class="row1"> <table width="100%" cellpadding="2" cellspacing="0" border="0"> <!-- BEGIN modulerow --> <tr> <td style="border:none;" class="row1" valign="middle" height="10" align="left" colspan="2" onmouseout="this.className='row1';" onmouseover="this.className='row2';">{catrow.modulerow.U_MENU_ICON}<span class="{catrow.modulerow.MENU_STYLE}"> <a href="{catrow.modulerow.U_MENU_MODULE}" target="{catrow.modulerow.U_LINK_TARGET}" class="genmed" title="{catrow.modulerow.MENU_DESC}">{catrow.modulerow.MENU_NAME}</a></span></td> </tr> <!-- END modulerow --> </table> </td> </tr> </tbody> <!-- END catrow --> </table> --- NEW FILE: mx_menu_advanced_CSS_hor.tpl --- <style type="text/css"> <!-- .XulMenu { font-family: {T_FONTFACE1}; font-size: 11px; -moz-user-select: none; } .XulMenu .button, .XulMenu .button:hover, .XulMenu .button-active, .XulMenu .button-active:hover { line-height: normal; padding: 5px 6px 4px 6px; border: 1px solid #ECE9D8; color: {T_FONTFACE1}; text-decoration: none; cursor: default; white-space: nowrap; display: block; position: relative; } .XulMenu .button:hover { border-color: #ffffff #ACA899 #ACA899 #ffffff; } .XulMenu .button-active, .XulMenu .button-active:hover { border-color: #ACA899 #ffffff #ffffff #ACA899; } .XulMenu .item, .XulMenu .item:hover, .XulMenu .item-active, .XulMenu .item-active:hover { background: {T_TR_COLOR1}; line-height: normal; padding: 3px 30px 3px 20px; color: #000000; text-decoration: none; cursor: default; white-space: nowrap; display: block; position: relative; } .XulMenu .item:hover, .XulMenu .item-active, .XulMenu .item-active:hover { background: {T_TR_COLOR2}; color: {T_FONTFACE1}; } .XulMenu .section { background: {T_TR_COLOR1}; border: 1px solid; border-color: #F1EFE2 #716F64 #716F64 #F1EFE2; padding: 2px 1px 1px 2px; position: absolute; visibility: hidden; z-index: -1; } .XulMenu .arrow { position: absolute; top: 7px; right: 8px; border: 0; } * html .XulMenu td { position: relative; } /* ie 5.0 fix */ --> </style> <script type="text/javascript" src="{MX_ROOT_PATH}modules/mx_shared/mygosumenu/ie5.js"></script> <script type="text/javascript" src="{MX_ROOT_PATH}modules/mx_shared/mygosumenu/1.4/XulMenu.js"></script> <div id="bar"> <table width="100%" cellpadding="0" cellspacing="1" border="0" class="forumline" style="border-top:none;"> <tr> <td align="left"> <table cellspacing="0" cellpadding="0" id="menu{MENU_ID}" class="XulMenu"> <tr> <!-- BEGIN catrow --> <td> <a class="button" href="javascript:void(0)">{catrow.CATEGORY_NAME}</a> <div class="section"> <!-- BEGIN modulerow --> <a class="item" href="{catrow.modulerow.U_MENU_MODULE}" target="{catrow.modulerow.U_LINK_TARGET}">{catrow.modulerow.MENU_NAME}</a> <!-- END modulerow --> </div> </td> <!-- END catrow --> </tr> </table> </td> </tr> </table> </div> <!-- Example of initializing: var menu = new XulMenu("id_of_the_menu"); menu.init(); Example of initializing and setting additional stuff: var menu1 = new XulMenu("menu1"); menu1.type = "horizontal"; menu1.position.level1.top = 0; menu1.position.level1.left = 0; menu1.position.levelX.top = 0; menu1.position.levelX.left = 0; menu1.arrow1 = "images/arrow.gif"; menu1.arrow2 = "images/arrow-active.gif"; Note: arrow1 & arrow2 set only when you want the arrow image to change when element is active. If you don't want the arrow to change keep both variables empty. ---------------- API ---------------- Controlling the menu: show(id) hide(id) hideAll() hideHigherOrEqualLevels(n) id = id of the element n = level examples: 1) menu1.show("menu1-1"); 2) menu1.show("menu1-1"); menu1.show("menu1-1-2"); menu1.show("menu1-1-2-0"); menu1.hideHigherOrEqualLevels(2); Both examples show the same. --> <script type="text/javascript"> var menu1 = new XulMenu('menu' + '{MENU_ID}'); menu1.type = "horizontal"; menu1.arrow1 = "images/arrow1.gif"; menu1.arrow2 = "images/arrow2.gif"; menu1.init(); </script> --- mx_menu_standard_hor.tpl DELETED --- |