?? fieldset.htm
字號:
<HTML>
<HEAD>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<Link rel="stylesheet" type="text/css" href="pop.css">
<style type="text/css">
body, a, table, div, span, td, th, input, select{font:9pt;font-family: "宋體", Verdana, Arial, Helvetica, sans-serif;}
body {padding:5px}
</style>
<script language="JavaScript" src="dialog.js"></script>
<Script language=JavaScript>
var sAction = "INSERT";
var sTitle = "插入";
var oControl;
var oChild;
var oSeletion;
var sRangeType;
var sAlignFieldset = "";
var sAlignLegend = "";
var sBorderColor = "";
var sBgColor = "";
oSelection = dialogArguments.NewCloud.document.selection.createRange();
sRangeType = dialogArguments.NewCloud.document.selection.type;
if (sRangeType == "Control") {
if (oSelection.item(0).tagName == "FIELDSET"){
sAction = "MODI";
sTitle = "修改";
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>欄目框屬性（" + 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,'無效的邊框顏色值！');
return;
}
// 背景顏色的有效性
sBgColor = d_bgcolor.value;
if (!IsColor(sBgColor)){
BaseAlert(d_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+">標題</legend>內容</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>對齊方式</legend>
<table border=0 cellpadding=0 cellspacing=0>
<tr><td colspan=9 height=5></td></tr>
<tr>
<td width=7></td>
<td>欄目對齊:</td>
<td width=5></td>
<td><select id=d_alignfieldset style="width:72px"><option value=''>默認</option><option value='left'>左對齊</option><option value='center'>居中</option><option value='right'>右對齊</option></select></td>
<td width=40></td>
<td>標題對齊:</td>
<td width=5></td>
<td><select id=d_alignlegend style="width:72px"><option value=''>默認</option><option value='left'>左對齊</option><option value='center'>居中</option><option value='right'>右對齊</option></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>顏色屬性</legend>
<table border=0 cellpadding=0 cellspacing=0>
<tr><td colspan=9 height=5></td></tr>
<tr>
<td width=7></td>
<td>邊框顏色:</td>
<td width=5></td>
<td><input type=text id=d_bordercolor size=7 value=""></td>
<td><img border=0 src="../SysImage/rect.gif" width=18 style="cursor:hand" id=s_bordercolor onclick="SelectColor('bordercolor')"></td>
<td width=40></td>
<td>背景顏色:</td>
<td width=5></td>
<td><input type=text id=d_bgcolor size=7 value=""></td>
<td><img border=0 src="../SysImage/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=' 確定 ' id=Ok> <input type=button value=' 取消 ' onclick="window.close();"></td></tr>
</table>
</body>
</html>?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -