📄 img.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="../Include/ManageStyle.css" type="text/css">
<script language="JavaScript" src="dialog.js"></script>
<script language="JavaScript">
var sAction = "INSERT";
var sTitle = "插入";
var oControl;
var oSeletion;
var sRangeType;
var sFromUrl = "";
var sAlt = "";
var sBorder = "0";
var sBorderColor = "#000000";
var sFilter = "";
var sAlign = "";
var sWidth = "";
var sHeight = "";
var sVSpace = "";
var sHSpace = "";
var sCheckFlag = "file";
oSelection = dialogArguments.Editor.document.selection.createRange();
sRangeType = dialogArguments.Editor.document.selection.type;
if (sRangeType == "Control") {
if (oSelection.item(0).tagName == "IMG"){
sAction = "MODI";
sTitle = "修改";
sCheckFlag = "url";
oControl = oSelection.item(0);
sFromUrl = oControl.src;
sAlt = oControl.alt;
sBorder = oControl.border;
sBorderColor = oControl.style.borderColor;
sFilter = oControl.style.filter;
sAlign = oControl.align;
sWidth = oControl.width;
sHeight = oControl.height;
sVSpace = oControl.vspace;
sHSpace = oControl.hspace;
}
}
document.write("<title>图片属性（" + sTitle + "）</title>");
// 初始值
function InitDocument(){
SearchSelectValue(d_filter, sFilter);
SearchSelectValue(d_align, sAlign.toLowerCase());
d_fromurl.value = sFromUrl;
d_alt.value = sAlt;
d_border.value = sBorder;
d_bordercolor.value = sBorderColor;
s_bordercolor.style.backgroundColor = sBorderColor;
d_width.value = sWidth;
d_height.value = sHeight;
d_vspace.value = sVSpace;
d_hspace.value = sHSpace;
}
// 本窗口返回值
function ReturnValue(){
sFromUrl = d_fromurl.value;
sAlt = d_alt.value;
sBorder = d_border.value;
sBorderColor = d_bordercolor.value;
sFilter = d_filter.value;
sAlign = d_align.value;
sWidth = d_width.value;
sHeight = d_height.value;
sVSpace = d_vspace.value;
sHSpace = d_hspace.value;
if (sAction == "MODI") {
oControl.src = sFromUrl;
oControl.alt = sAlt;
oControl.border = sBorder;
oControl.style.borderColor = sBorderColor;
oControl.style.filter = sFilter;
oControl.align = sAlign;
oControl.width = sWidth;
oControl.height = sHeight;
oControl.vspace = sVSpace;
oControl.hspace = sHSpace;
}else{
var sHTML = '<img src="'+sFromUrl+'" alt="'+sAlt+'" border="'+sBorder+'" style="filter:'+sFilter+';border-color:'+sBorderColor+'" align="'+sAlign+'"';
if (sWidth!=""){
sHTML=sHTML+' width="'+sWidth+'"';
}
if (sHeight!=""){
sHTML=sHTML+' height="'+sHeight+'"';
}
sHTML = sHTML+' vspace="'+sVSpace+'" hspace="'+sHSpace+'">';
dialogArguments.insertHTML(sHTML);
}
window.returnValue = null;
window.close();
}
// 点确定时执行
function ok(){
// 数字型输入的有效性
d_border.value = ToInt(d_border.value);
d_width.value = ToInt(d_width.value);
d_height.value = ToInt(d_height.value);
d_vspace.value = ToInt(d_vspace.value);
d_hspace.value = ToInt(d_hspace.value);
// 边框颜色的有效性
if (!IsColor(d_bordercolor.value)){
BaseAlert(d_bordercolor,'提示：\n\n无效的边框颜色值！');
return false;
}
ReturnValue();
}
function openScript(url, width, height){
var Win = window.open(url,"openScript",'width=' + width + ',height=' + height + ',left=450,top=300,resizable=1,scrollbars=no,menubar=no,status=no' );
}
function openem()
{
openScript('../upload.asp?UP=admin',300,100);
}
</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 colspan="4"> 地址:
<input type="text" id="d_fromurl" style="width:236px" size="30" name="d_fromurl" value>
</td>
<td width="29" onClick="Up_Pic()">上传</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 colspan="5">
<input type="text" id="d_alt" size="38" value style="width:243px"></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><select id="d_filter" style="width:78;" size="1">
<option value selected>无</option>
<option value="Alpha(Opacity=50)">半透明</option>
<option value="Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140)">
线型透明</option>
<option value="Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200)">
放射透明</option>
<option value="blur(add=1,direction=14,strength=15)">模糊效果
</option>
<option value="blur(add=true,direction=45,strength=30)">风动模糊
</option>
<option value="Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3)">
正弦波纹</option>
<option value="gray">黑白照片</option>
<option value="Chroma(Color=#FFFFFF)">白色透明</option>
<option value="DropShadow(Color=#999999, OffX=7, OffY=4, Positive=1)">
投射阴影</option>
<option value="Shadow(Color=#999999, Direction=45)">阴影</option>
<option value="Glow(Color=#ff9900, Strength=5)">发光</option>
<option value="flipv">垂直翻转</option>
<option value="fliph">左右翻转</option>
<option value="grays">降低彩色</option>
<option value="xray">X光照片</option>
<option value="invert">底片</option>
</select> </td>
<td width="30"></td>
<td>对齐方式:</td>
<td width="5"></td>
<td><select id="d_align" size="1" style="width:78px">
<option value selected>默认</option>
<option value="left">居左</option>
<option value="right">居右</option>
<option value="top">顶部</option>
<option value="middle">中部</option>
<option value="bottom">底部</option>
<option value="absmiddle">绝对居中</option>
<option value="absbottom">绝对底部</option>
<option value="baseline">基线</option>
<option value="texttop">文本顶部</option>
</select> </td>
<td width="7"></td>
</tr>
<tr>
<td colspan="9" height="5"></td>
</tr>
<tr>
<td width="7"></td>
<td nowrap>边框粗细:</td>
<td width="5"></td>
<td>
<input type="text" id="d_border" size="10" value onkeypress="event.returnValue=IsDigit();"></td>
<td width="30"></td>
<td nowrap>边框颜色:</td>
<td width="5"></td>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="text" id="d_bordercolor" size="7" value></td>
<td>
<img border="0" src="../Images/rect.gif" width="18" style="cursor:hand" id="s_bordercolor" onclick="SelectColor('bordercolor')"></td>
</tr>
</table>
</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_width" size="10" value onkeypress="event.returnValue=IsDigit();" maxlength="4"></td>
<td width="30"></td>
<td>图片高度:</td>
<td width="5"></td>
<td>
<input type="text" id="d_height" size="10" value onkeypress="event.returnValue=IsDigit();" maxlength="4"></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_vspace" size="10" value onkeypress="event.returnValue=IsDigit();" maxlength="2"></td>
<td width="30"></td>
<td>左右间距:</td>
<td width="5"></td>
<td>
<input type="text" id="d_hspace" size="10" value onkeypress="event.returnValue=IsDigit();" maxlength="2"></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" class="button01-out" value="确 定" id="Ok" onclick="ok()">
<input type="button" class="button01-out" value="取 消" onclick="window.close();"></td>
</tr>
</table>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -