[mxbb-commits] core/modules/mx_navmenu/templates/subSilver mx_menu_advanced_CSS_hor.tpl, NONE, 1.1 mx_menu_advanced_CSS_ver.tpl, NONE, 1.1 mx_menu_classic_hor.tpl, NONE, 1.1 mx_menu_classic_ver.tpl, NONE, 1.1 mx_menu_simple_CSS_hor.tpl, NONE, 1.1 mx_menu_simple_CSS_ver.tpl, NONE, 1.1 mx_menu_advanced_app_hor.tpl, 1.2, NONE mx_menu_advanced_app_ver.tpl, 1.2, NONE mx_menu_simple_hor.tpl, 1.2, NONE mx_menu_simple_ver.tpl, 1.2, NONE mx_menu_standard_hor.tpl, 1.2, NONE mx_menu_standard_ver.tpl, 1.4, NONE

[Jon O. <jon...@us...>]

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>&nbsp;{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">&nbsp;{catrow.CATEGORY}</span>
									<!-- BEGIN switch_cat_desc -->
									<br>
									<span class="gensmall">&nbsp;{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}">&nbsp;<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 ---