📄 fieldset.vm

📁 一个webwork+spring+ibatis的小例子
💻 VM
字号:
<HTML>
<HEAD>
<LINK type="text/css" rel="stylesheet" href="${action.getText('config.webeditor.path.css')}/dialog.css">
<script language="JavaScript">
	#parse("${action.getText('config.webeditor.path.js')}/dialog.js.vm")
</script>

<Script language=JavaScript>
var sAction = "INSERT";
var sTitle = "$action.getText('webeditor.dialog.fieldset.insert')";

var oControl;
var oChild;
var oSeletion;
var sRangeType;

var sAlignFieldset = "";
var sAlignLegend = "";
var sBorderColor = "";
var sBgColor = "";

oSelection = dialogArguments.eWebEditor.document.selection.createRange();
sRangeType = dialogArguments.eWebEditor.document.selection.type;

if (sRangeType == "Control") {
	if (oSelection.item(0).tagName == "FIELDSET"){
		sAction = "MODI";
		sTitle = "$action.getText('webeditor.dialog.fieldset.modify')";
		oControl = oSelection.item(0);
		sAlignFieldset = oControl.align;
		oChild = GetChildElement(oControl,"LEGEND");
		if (oChild) sAlignLegend = oChild.align;
		sBorderColor = oControl.style.borderColor;
		sBgColor = oControl.style.backgroundColor;
	}
}

document.write("<title>$action.getText('webeditor.dialog.fieldset.title')-" + sTitle + " </title>");

// 初始值
function InitDocument(){
	SearchSelectValue(d_alignfieldset, sAlignFieldset.toLowerCase());
	SearchSelectValue(d_alignlegend, sAlignLegend.toLowerCase());

	d_bordercolor.value = sBorderColor;
	s_bordercolor.style.backgroundColor = sBorderColor;
	d_bgcolor.value = sBgColor;
	s_bgcolor.style.backgroundColor = sBgColor;

}

// 递归找标签名相同的第一个子对象
function GetChildElement(obj, sTag){
	var el;
	for (var i=0;i<obj.children.length;i++){
		if (obj.children[i].tagName==sTag){
			return obj.children[i];
		}else{
			el=GetChildElement(obj.children[i], sTag);
			if (el){
				return el;
			}
		}
	}
	return null;
}

</script>

<SCRIPT event=onclick for=Ok language=JavaScript>
	// 边框颜色的有效性
	sBorderColor = d_bordercolor.value;
	if (!IsColor(sBorderColor)){
		BaseAlert(d_bordercolor,"$action.getText('webeditor.dialog.fieldset.bordercolor')");
		return;
	}
	// 背景颜色的有效性
	sBgColor = d_bgcolor.value;
	if (!IsColor(sBgColor)){
		BaseAlert(d_bgcolor,"$action.getText('webeditor.dialog.fieldset.bgcolor')");
		return;
	}
	sAlignFieldset = d_alignfieldset.options[d_alignfieldset.selectedIndex].value;
	sAlignLegend = d_alignlegend.options[d_alignlegend.selectedIndex].value;

	if (sAction == "MODI") {
		oControl.align = sAlignFieldset;
		if (oChild) oChild.align = sAlignLegend;
		oControl.style.borderColor = sBorderColor;
		oControl.style.backgroundColor = sBgColor;
	}else{
		dialogArguments.insertHTML("<fieldset align='"+sAlignFieldset+"' style='border-color:"+sBorderColor+";background-color:"+sBgColor+"'><legend align="+sAlignLegend+">$action.getText('webeditor.dialog.fieldset.titleinfo')</legend>$action.getText('webeditor.dialog.fieldset.contentinfo')</fieldset>");
	}
	window.returnValue = null;
	window.close();
</SCRIPT>
</HEAD>

<body bgcolor="menu" onload="InitDocument()">

<table border=0 cellpadding=0 cellspacing=0 align=center>
<tr>
	<td>
	<fieldset>
	<legend>$action.getText('webeditor.dialog.fieldset.alignType')</legend>
	<table border=0 cellpadding=0 cellspacing=0>
	<tr><td colspan=9 height=5></td></tr>
	<tr>
		<td width=7></td>
		<td>$action.getText('webeditor.dialog.fieldset.alignCol')</td>
		<td width=5></td>
		<td>
			<select id=d_alignfieldset style="width:72px">
				#webEditor_align()
			</select></td>
		<td width=40></td>
		<td>$action.getText('webeditor.dialog.fieldset.alignTitle')</td>
		<td width=5></td>
		<td>
			<select id=d_alignlegend style="width:72px">
				#webEditor_align()
			</select></td>
		<td width=7></td>
	</tr>
	<tr><td colspan=9 height=5></td></tr>
	</table>
	</fieldset>
	</td>

</tr>
<tr><td height=5></td></tr>
<tr>
	<td>
	<fieldset>
	<legend>$action.getText('webeditor.dialog.fieldset.colorForProperty')</legend>
	<table border=0 cellpadding=0 cellspacing=0>
	<tr><td colspan=9 height=5></td></tr>
	<tr>
		<td width=7></td>
		<td>$action.getText('webeditor.dialog.fieldset.colorForBorder')</td>
		<td width=5></td>
		<td><input type=text id=d_bordercolor size=7 value=""></td>
		<td><img border=0 src="${action.getText('config.webeditor.path.img')}/rect.gif" width=18 style="cursor:hand" id=s_bordercolor onclick="SelectColor('bordercolor')"></td>
		<td width=40></td>
		<td>$action.getText('webeditor.dialog.fieldset.colorForBg')</td>
		<td width=5></td>
		<td><input type=text id=d_bgcolor size=7 value=""></td>
		<td><img border=0 src="${action.getText('config.webeditor.path.img')}/rect.gif" width=18 style="cursor:hand" id=s_bgcolor onclick="SelectColor('bgcolor')"></td>
		<td width=7></td>


	</tr>
	<tr><td colspan=9 height=5></td></tr>
	</table>
	</fieldset>
	</td>
</tr>
<tr><td height=5></td></tr>
<tr><td align=right><input type=submit value="  $action.getText('webeditor.dialog.ok') " id=Ok>&nbsp;&nbsp;<input type=button value="  $action.getText('webeditor.dialog.cancel') " onclick="window.close();"></td></tr>
</table>

</body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -