optiondetail.jsp

论坛软件系统亦称电子公告板(BBS)系统

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="/WEB-INF/c.tld" prefix="c"%>
<%@ taglib uri="/WEB-INF/jrun-tag.tld" prefix="jrun"%>
<jsp:include page="../cp_header.jsp" />
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="guide">
	<tr><td><a href="#" onclick="parent.menu.location='admincp.jsp?action=menu'; parent.main.location='admincp.jsp?action=home';return false;">系统设置首页</a>&nbsp;&raquo;&nbsp;分类选项</td></tr>
</table>
<br />
<form method="post" action="admincp.jsp?action=optiondetail&optionid=${typeoption.optionid}">
	<table width="100%" border="0" cellpadding="0" cellspacing="0" class="tableborder">
		<tr class="header"><td colspan="2">分类选项基本设置<a href="###" onclick="collapse_change('6e6cacb7ef77694a')"><img id="menuimg_6e6cacb7ef77694a" src="images/admincp/menu_reduce.gif" border="0" style="float: right; margin-top: -12px; margin-right: 8px;" /></a></td></tr>
		<tbody id="menu_6e6cacb7ef77694a" style="display: yes">
		<tr>
			<td width="45%" class="altbg1"><b>名称</b></td>
			<td class="altbg2"><input type="text" size="50" name="title" value="<jrun:dhtmlspecialchars value="${typeoption.title}"/>" maxlength="100"></td>
		</tr>
		<tr>
			<td width="45%" class="altbg1"><b>变量名</b></td>
			<td class="altbg2"><input type="text" size="50" name="identifier" value="${typeoption.identifier}" maxlength="40"></td>
		</tr>
		<tr>
			<td width="45%" class="altbg1"><b>类型</b></td>
			<td class="altbg2">
				<select id="type" name="type" onchange="var styles, key;styles=new Array('number','text','radio', 'checkbox', 'textarea', 'select', 'image'); for(key in styles) {var obj=$('style_'+styles[key]); obj.style.display=styles[key]==this.options[this.selectedIndex].value?'':'none';}">
					<option value="number">数字(number)</option>
					<option value="text">字串(text)</option>
					<option value="radio">单选(radio)</option>
					<option value="checkbox">多选(checkbox)</option>
					<option value="textarea">文本(textarea)</option>
					<option value="select">选择(select)</option>
					<option value="calendar">日历(calendar)</option>
					<option value="email">电子邮件(email)</option>
					<option value="url">超级链接(url)</option>
					<option value="image">图片(image)</option>
				</select>
			</td>
		</tr>
		<tr>
			<td width="45%" class="altbg1" valign="top"><b>简短描述(可选):</b></td>
			<td class="altbg2">
				<img src="images/admincp/zoomin.gif" onmouseover="this.style.cursor='pointer'" onclick="zoomtextarea('description', 1)">
				<img src="images/admincp/zoomout.gif" onmouseover="this.style.cursor='pointer'" onclick="zoomtextarea('description', 0)">
				<br />
				<textarea rows="6" name="description" id="description" cols="50" onKeyDown="if (this.value.length>=255){event.returnValue=false}">${typeoption.description}</textarea>
			</td>
		</tr>
		</tbody>
	</table>
	<br />
	<div id="style_number" style="display: none" class="maintablediv">
		<table width="100%" border="0" cellpadding="0" cellspacing="0" class="tableborder">
			<tr class="header"><td colspan="2">数字(number)</td></tr>
			<tr>
				<td width="45%" class="altbg1"><b>数值最大值（可选）:</b></td>
				<td class="altbg2"><input type="text" size="50" name="rules[number][maxnum]" value="${rulesMap.maxnum}"></td>
			</tr>
			<tr>
				<td width="45%" class="altbg1"><b>数值最小值（可选）:</b></td>
				<td class="altbg2"><input type="text" size="50" name="rules[number][minnum]" value="${rulesMap.minnum}"></td>
			</tr>
		</table>
		<br />
	</div>
	<div id="style_text" style="display: none" class="maintablediv">
		<table width="100%" border="0" cellpadding="0" cellspacing="0" class="tableborder">
			<tr class="header"><td colspan="2">字串(text)</td></tr>
			<tr>
				<td width="45%" class="altbg1"><b>内容最大长度（可选）:</b></td>
				<td class="altbg2"><input type="text" size="50" name="rules[text][maxlength]" value="${rulesMap.maxlength}"></td>
			</tr>
		</table>
		<br />
	</div>
	<div id="style_textarea" style="display: none" class="maintablediv">
		<table width="100%" border="0" cellpadding="0" cellspacing="0" class="tableborder">
			<tr class="header"><td colspan="2">文本(textarea)</td></tr>
			<tr>
				<td width="45%" class="altbg1"><b>内容最大长度（可选）:</b></td>
				<td class="altbg2"><input type="text" size="50" name="rules[textarea][maxlength]" value="${rulesMap.maxlength}"></td>
			</tr>
		</table>
		<br />
	</div>
	<div id="style_select" style="display: none" class="maintablediv">
		<table width="100%" border="0" cellpadding="0" cellspacing="0" class="tableborder">
			<tr class="header"><td colspan="2">选择(select)</td></tr>
			<tr>
				<td width="45%" class="altbg1" valign="top">
					<b>选项内容:</b>
					<br />
					<span class="smalltxt">只在项目为可选时有效，每行一个选项，等号前面为选项索引(建议用数字)，后面为内容，例如: <br /> <i>1 = 光电鼠标<br />2 = 机械鼠标<br />3 = 没有鼠标</i> <br />注意: 选项确定后请勿修改索引和内容的对应关系，但仍可以新增选项。如需调换显示顺序，可以通过移动整行的上下位置来实现</span>
				</td>
				<td class="altbg2">
					<img src="images/admincp/zoomin.gif" onmouseover="this.style.cursor='pointer'" onclick="zoomtextarea('rules[select][choices]', 1)">
					<img src="images/admincp/zoomout.gif" onmouseover="this.style.cursor='pointer'" onclick="zoomtextarea('rules[select][choices]', 0)">
					<br />
					<textarea rows="6" name="rules[select][choices]" id="rules[select][choices]" cols="50">${rulesMap.choices}</textarea>
				</td>
			</tr>
		</table>
		<br />
	</div>
	<div id="style_radio" style="display: none" class="maintablediv">
		<table width="100%" border="0" cellpadding="0" cellspacing="0" class="tableborder">
			<tr class="header"><td colspan="2">单选(radio)</td></tr>
			<tr>
				<td width="45%" class="altbg1" valign="top">
					<b>选项内容:</b>
					<br />
					<span class="smalltxt">只在项目为可选时有效，每行一个选项，等号前面为选项索引(建议用数字)，后面为内容，例如: <br /> <i>1 = 光电鼠标<br />2 = 机械鼠标<br />3 = 没有鼠标</i> <br />注意: 选项确定后请勿修改索引和内容的对应关系，但仍可以新增选项。如需调换显示顺序，可以通过移动整行的上下位置来实现</span>
				</td>
				<td class="altbg2">
					<img src="images/admincp/zoomin.gif" onmouseover="this.style.cursor='pointer'" onclick="zoomtextarea('rules[radio][choices]', 1)">
					<img src="images/admincp/zoomout.gif" onmouseover="this.style.cursor='pointer'" onclick="zoomtextarea('rules[radio][choices]', 0)">
					<br />
					<textarea rows="6" name="rules[radio][choices]" id="rules[radio][choices]" cols="50">${rulesMap.choices}</textarea>
				</td>
			</tr>
		</table>
		<br />
	</div>
	<div id="style_checkbox" style="display: none" class="maintablediv">
		<table width="100%" border="0" cellpadding="0" cellspacing="0" class="tableborder">
			<tr class="header"><td colspan="2">多选(checkbox)</td></tr>
			<tr>
				<td width="45%" class="altbg1" valign="top">
					<b>选项内容:</b>
					<br />
					<span class="smalltxt">只在项目为可选时有效，每行一个选项，等号前面为选项索引(建议用数字)，后面为内容，例如: <br /> <i>1 = 光电鼠标<br />2 = 机械鼠标<br />3 = 没有鼠标</i> <br />注意: 选项确定后请勿修改索引和内容的对应关系，但仍可以新增选项。如需调换显示顺序，可以通过移动整行的上下位置来实现</span>
				</td>
				<td class="altbg2">
					<img src="images/admincp/zoomin.gif" onmouseover="this.style.cursor='pointer'" onclick="zoomtextarea('rules[checkbox][choices]', 1)">
					<img src="images/admincp/zoomout.gif" onmouseover="this.style.cursor='pointer'" onclick="zoomtextarea('rules[checkbox][choices]', 0)">
					<br />
					<textarea rows="6" name="rules[checkbox][choices]" id="rules[checkbox][choices]" cols="50">${rulesMap.choices}</textarea>
				</td>
			</tr>
		</table>
		<br />
	</div>
	<div id="style_image" style="display: none" class="maintablediv">
		<table width="100%" border="0" cellpadding="0" cellspacing="0" class="tableborder">
			<tr class="header"><td colspan="2">图片(image)</td></tr>
			<tr>
				<td width="45%" class="altbg1"><b>图片最大宽度（可选）:</b></td>
				<td class="altbg2"><input type="text" size="50" name="rules[image][maxwidth]" value="${rulesMap.maxwidth}"></td>
			</tr>
			<tr>
				<td width="45%" class="altbg1"><b>图片最大高度（可选）:</b></td>
				<td class="altbg2"><input type="text" size="50" name="rules[image][maxheight]" value="${rulesMap.maxheight}"></td>
			</tr>
		</table>
	</div>
	<center><input class="button" type="submit" name="editsubmit" value="提 交"></center>
</form>
<script language="javascript" type="text/javascript">
	var selected=document.getElementById("type");
	selected.value="${typeoption.type}";
	var obj=$('style_'+selected.value);
	if(obj!=null){
		obj.style.display="";
	}
</script>
<jsp:include page="../cp_footer.jsp" />