123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378 |
- <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>
|