?? tablecell.htm
字號:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<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 = URLParams['action'] ;
var sTitle = "";
var oControl;
var oSeletion;
var sRangeType;
var sAlign = "";
var sVAlign = "";
var sWidth = "";
var sHeight = "";
var sBorderColor = "#000000";
var sBgColor = "#FFFFFF";
var sImage = "";
var sRepeat = "";
var sAttachment = "";
var sBorderStyle = "";
var sWidthUnit = "%";
var bWidthCheck = true;
var bWidthDisable = false;
var sWidthValue = "100";
var sHeightUnit = "%";
var bHeightCheck = false;
var bHeightDisable = true;
var sHeightValue = "";
oSelection = dialogArguments.eWebEditor.document.selection.createRange();
sRangeType = dialogArguments.eWebEditor.document.selection.type;
if (sAction == "row"){
oControl = getParentObject(oSelection.parentElement(), "TR");
sAction = "ROW";
sTitle = "表格行";
}else{
oControl = getParentObject(oSelection.parentElement(), "TD");
sAction = "CELL";
sTitle = "單元格";
}
if (oControl){
sAlign = oControl.align;
sVAlign = oControl.vAlign;
sWidth = oControl.width;
sHeight = oControl.height;
sBorderColor = oControl.borderColor;
sBgColor = oControl.bgColor;
sImage = oControl.style.backgroundImage;
sRepeat = oControl.style.backgroundRepeat;
sAttachment = oControl.style.backgroundAttachment;
sBorderStyle = oControl.style.borderStyle;
sImage = sImage.substr(4, sImage.length-5);
}
// 返回指定標簽的父對象
function getParentObject(obj, tag){
if (tag == "TD"){
while(obj!=null && obj.tagName!=tag && obj.tagName!="TH"){
obj=obj.parentElement;
}
}else{
while(obj!=null && obj.tagName!=tag){
obj=obj.parentElement;
}
}
return obj;
}
document.write("<title>" + sTitle + "屬性</title>");
// 初始值
function InitDocument(){
SearchSelectValue(d_align, sAlign.toLowerCase());
SearchSelectValue(d_valign, sVAlign.toLowerCase());
SearchSelectValue(d_borderstyle, sBorderStyle.toLowerCase());
// 修改狀態時取值
if ((sWidth == "")||(sWidth==undefined)){
bWidthCheck = false;
bWidthDisable = true;
sWidthValue = "100";
sWidthUnit = "%";
}else{
bWidthCheck = true;
bWidthDisable = false;
if (sWidth.substr(sWidth.length-1) == "%"){
sWidthValue = sWidth.substring(0, sWidth.length-1);
sWidthUnit = "%";
}else{
sWidthUnit = "";
sWidthValue = parseInt(sWidth);
if (isNaN(sWidthValue)) sWidthValue = "";
}
}
if (sHeight == ""){
bHeightCheck = false;
bHeightDisable = true;
sHeightValue = "100";
sHeightUnit = "%";
}else{
bHeightCheck = true;
bHeightDisable = false;
if (sHeight.substr(sHeight.length-1) == "%"){
sHeightValue = sHeight.substring(0, sHeight.length-1);
sHeightUnit = "%";
}else{
sHeightUnit = "";
sHeightValue = parseInt(sHeight);
if (isNaN(sHeightValue)) sHeightValue = "";
}
}
switch(sWidthUnit){
case "%":
d_widthunit.selectedIndex = 1;
break;
default:
sWidthUnit = "";
d_widthunit.selectedIndex = 0;
break;
}
switch(sHeightUnit){
case "%":
d_heightunit.selectedIndex = 1;
break;
default:
sHeightUnit = "";
d_heightunit.selectedIndex = 0;
break;
}
d_widthvalue.value = sWidthValue;
d_widthvalue.disabled = bWidthDisable;
d_widthunit.disabled = bWidthDisable;
d_heightvalue.value = sHeightValue;
d_heightvalue.disabled = bHeightDisable;
d_heightunit.disabled = bHeightDisable;
d_bordercolor.value = sBorderColor;
s_bordercolor.style.backgroundColor = sBorderColor;
d_bgcolor.value = sBgColor;
s_bgcolor.style.backgroundColor = sBgColor;
d_widthcheck.checked = bWidthCheck;
d_heightcheck.checked = bHeightCheck;
d_image.value = sImage;
d_repeat.value = sRepeat;
d_attachment.value = sAttachment;
}
// 判斷值是否大于0
function MoreThanOne(obj, sErr){
var b=false;
if (obj.value!=""){
obj.value=parseFloat(obj.value);
if (obj.value!="0"){
b=true;
}
}
if (b==false){
BaseAlert(obj,sErr);
return false;
}
return true;
}
</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;
}
// 寬度有效值性
var sWidth = "";
if (d_widthcheck.checked){
if (!MoreThanOne(d_widthvalue,'無效的寬度！')) return;
sWidth = d_widthvalue.value + d_widthunit.value;
}
// 高度有效值性
var sHeight = "";
if (d_heightcheck.checked){
if (!MoreThanOne(d_heightvalue,'無效的高度！')) return;
sHeight = d_heightvalue.value + d_heightunit.value;
}
sAlign = d_align.options[d_align.selectedIndex].value;
sVAlign = d_valign.options[d_valign.selectedIndex].value;
sImage = d_image.value;
sRepeat = d_repeat.value;
sAttachment = d_attachment.value;
sBorderStyle = d_borderstyle.options[d_borderstyle.selectedIndex].value;
if (sImage!="") {
sImage = "url(" + sImage + ")";
}
if (oControl) {
try {
oControl.width = sWidth;
}
catch(e) {
//alert("對不起，請您輸入有效的寬度值！\n（如：90% 200 300px 10cm）");
}
try {
oControl.height = sHeight;
}
catch(e) {
//alert("對不起，請您輸入有效的高度值！\n（如：90% 200 300px 10cm）");
}
oControl.align = sAlign;
oControl.vAlign = sVAlign;
oControl.borderColor = sBorderColor;
oControl.bgColor = sBgColor;
oControl.style.backgroundImage = sImage;
oControl.style.backgroundRepeat = sRepeat;
oControl.style.backgroundAttachment = sAttachment;
oControl.style.borderStyle = sBorderStyle;
}
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_align" style="width:72px">
<option value=''>默認</option>
<option value='left'>左對齊</option>
<option value='right'>右對齊</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_valign" style="width:72px">
<option value=''>默認</option>
<option value='top'>頂邊對齊</option>
<option value='middle'>垂直居中</option>
<option value='baseline'>基線</option>
<option value='bottom'>底邊對齊</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 width='100%'>
<tr><td colspan=9 height=5></td></tr>
<tr>
<td width=7></td>
<td onclick="d_widthcheck.click()" noWrap valign=middle><input id="d_widthcheck" type="checkbox" onclick="d_widthvalue.disabled=(!this.checked);d_widthunit.disabled=(!this.checked);" value="1"> 指定寬度</td>
<td align=right width="60%">
<input name="d_widthvalue" type="text" value="" size="5" ONKEYPRESS="event.returnValue=IsDigit();" maxlength="4">
<select name="d_widthunit">
<option value='px'>像素</option><option value='%'>百分比</option>
</select>
</td>
<td width=7></td>
</tr>
<tr><td colspan=9 height=5></td></tr>
<tr>
<td height=7></td>
<td onclick="d_heightcheck.click()" noWrap valign=middle><input id="d_heightcheck" type="checkbox" onclick="d_heightvalue.disabled=(!this.checked);d_heightunit.disabled=(!this.checked);" value="1"> 指定高度</td>
<td align=right height="60%">
<input name="d_heightvalue" type="text" value="" size="5" ONKEYPRESS="event.returnValue=IsDigit();" maxlength="4">
<select name="d_heightunit">
<option value='px'>像素</option><option value='%'>百分比</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 colspan=2>
<select id=d_borderstyle size=1 style="width:70px">
<option value="">默認</option>
<option value="solid">實線</option>
<option value="dotted">虛線</option>
<option value="dashed">破折號</option>
<option value="double">雙線</option>
<option value="groove">凹線</option>
<option value="ridge">凸線</option>
<option value="inset">嵌入</option>
<option value="outset">開端</option>
</select>
</td>
<td width=7></td>
</tr>
<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_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=40></td>
<td>背景圖片:</td>
<td width=5></td>
<td><input type=text id=d_image size=7 value=""><input type=hidden id=d_repeat><input type=hidden id=d_attachment></td>
<td><img border=0 src="../sysimage/rectimg.gif" width=18 style="cursor:hand" id=s_bgimage onclick="SelectImage()" alt="設置背景圖"></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 + -