📄 editor_modifypic.asp
字号:
<!--#include file="editor_ChkPurview.asp"-->
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" type="text/css" href="editor_dialog.css">
</head>
<BODY bgColor=#D4D0C8 onLoad="InitDocument()">
<script language="JavaScript">
var sAction = "INSERT";
var sTitle = "插入";
var oControl;
var oSeletion;
var sRangeType;
var sFromUrl = "http://";
var sAlt = "";
var sBorder = "0";
var sBorderColor = "";
var sFilter = "";
var sAlign = "";
var sWidth = "";
var sHeight = "";
var sVSpace = "";
var sHSpace = "";
var UpFileName="None";
var sCheckFlag = "file";
oSelection = dialogArguments.HtmlEdit.document.selection.createRange();
sRangeType = dialogArguments.HtmlEdit.document.selection.type;
if (sRangeType == "Control") {
if (oSelection.item(0).tagName == "IMG"){
sAction = "MODI";
sTitle = "修改";
sCheckFlag = "url";
oControl = oSelection.item(0);
sFromUrl = oControl.getAttribute("src", 2);
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 SearchSelectValue(o_Select, s_Value){
for (var i=0;i<o_Select.length;i++){
if (o_Select.options[i].value == s_Value){
o_Select.selectedIndex = i;
return true;
}
}
return false;
}
// 初始值
function InitDocument(){
SearchSelectValue(styletype, sFilter);
SearchSelectValue(aligntype, sAlign.toLowerCase());
url.value = sFromUrl;
alttext.value = sAlt;
border.value = sBorder;
t_bordercolor.value = sBorderColor;
s_bordercolor.style.backgroundColor = sBorderColor;
width.value = sWidth;
height.value = sHeight;
vspace.value = sVSpace;
hspace.value = sHSpace;
upfilename.value = UpFileName;
if (sAction == "MODI") {
frmPreview.img.src =sFromUrl;
frmPreview.img2.src =sFromUrl;
frmPreview.img.alt=sAlt;
frmPreview.img.border=sBorder;
frmPreview.img.style.borderColor =sBorderColor;
frmPreview.img.style.backgroundColor = sBorderColor;
frmPreview.img.width=sWidth;
frmPreview.img.height=sHeight;
frmPreview.img.vspace=sVSpace;
frmPreview.img.hspace=sHSpace;
frmPreview.img.style.filter=sFilter;
}
}
function OK(){
sFromUrl = url.value;
sAlt = alttext.value;
sBorder = border.value;
sBorderColor = t_bordercolor.value;
sFilter = styletype.options[styletype.selectedIndex].value;
sAlign = aligntype.value;
sWidth = frmPreview.img.width;
sHeight = frmPreview.img.height;
sVSpace = vspace.value;
sHSpace = hspace.value;
UpFileName = upfilename.value;
if (sFromUrl==""|| sFromUrl=="http://"){
alert("请先输入图片文件地址，或者上传图片文件！");
url.focus();
return false;
}
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.style.width = sWidth;
oControl.style.height = sHeight;
oControl.vspace = sVSpace;
oControl.hspace = sHSpace;
}else{
var sHTML = '';
if (sFilter!=""){
sHTML=sHTML+'filter:'+sFilter+';';
}
if (sBorderColor!=""){
sHTML=sHTML+'border-color:'+sBorderColor+';';
}
if (sHTML!=""){
sHTML=' style="'+sHTML+'"';
}
sHTML = '<a href="'+ sFromUrl +'" target="_blank"><img id=HtmlEdit_TempElement_Img src="'+sFromUrl+'"'+sHTML;
if (sBorder!=""){
sHTML=sHTML+' border="'+sBorder+'"';
}
if (sAlt!=""){
sHTML=sHTML+' alt="'+sAlt+'"';
}
if (sAlign!=""){
sHTML=sHTML+' align="'+sAlign+'"';
}
if (sWidth!=""){
sHTML=sHTML+' width="'+sWidth+'"';
}
if (sHeight!=""){
sHTML=sHTML+' height="'+sHeight+'"';
}
if (sVSpace!=""){
sHTML=sHTML+' vspace="'+sVSpace+'"';
}
if (sHSpace!=""){
sHTML=sHTML+' hspace="'+sHSpace+'"';
}
<%
If ShowType = 1 Or ShowType = 2 Or ShowType =3 Or ShowType = 6 Then
Response.write "sHTML=sHTML+'></a>';" & vbCrLf
Else
Response.write "sHTML=sHTML+'></a>';" & vbCrLf
End If
%>
dialogArguments.insertHTML(sHTML);
var oTempElement = dialogArguments.HtmlEdit.document.getElementById("HtmlEdit_TempElement_Img");
oTempElement.src = sFromUrl;
oTempElement.removeAttribute("id");
}
if (UpFileName=="None"){
window.returnValue = null;
}else{
window.returnValue = UpFileName;
}
window.close();
}
function IsDigit()
{
return ((event.keyCode >= 48) && (event.keyCode <= 57));
}
//=================================================
//过程名：Preview
//作 用：在线显示图片
//=================================================
function Preview(){
if(url.value!="http://"&&url.value!=""){
frmPreview.img.src=url.value;
frmPreview.img2.src=url.value;
}
else{
frmPreview.img.src="../images/nopic.gif";
frmPreview.img2.src="../images/nopic.gif";
}
var iheight=height.value;
var iwidth=width.value;
if(iheight>0){
if(iwidth>0){
frmPreview.img.height=iheight;
frmPreview.img.width=iwidth
}
else{
//frmPreview.img.height=iheight;
//frmPreview.img.width=iheight/frmPreview.img2.height*frmPreview.img2.width;
}
}else{
if(iwidth>0){
frmPreview.img.width=iwidth
frmPreview.img.height=iwidth/frmPreview.img2.width*frmPreview.img2.height;
}
else{
//frmPreview.img.height=frmPreview.img2.height;
//frmPreview.img.width=frmPreview.img2.width;
}
}
frmPreview.img.border=border.value;
frmPreview.img.style.borderColor =t_bordercolor.value;
frmPreview.img.style.filter=filter.value;
frmPreview.img.title=alttext.value
}
//=================================================
//过程名：SelectColor
//作 用：显示颜色表
//参 数：what --- 要获得颜色的参数
//=================================================
function SelectColor(what){
var dEL = document.all("t_"+what);
var sEL = document.all("s_"+what);
var url = "editor_selcolor.asp?color="+encodeURIComponent(dEL.value);
var arr = showModalDialog(url,window,"dialogWidth:280px;dialogHeight:250px;help:no;scroll:no;status:no");
if (arr) {
dEL.value=arr;
sEL.style.backgroundColor=arr;
}
}
function SelectFile(){
var arr=showModalDialog('<%=InstallDir & AdminDir%>/Admin_SelectFile.asp?DialogType=Pic&ChannelID=<%=ChannelID%>', '', 'dialogWidth:820px; dialogHeight:600px; help: no; scroll: yes; status: no');
if(arr!=null){
var ss=arr.split('|');
url.value=ss[0];
upfilename.value="1$$$" + ss[0].replace("<%=FilesPath%>", "");
Preview();
}
}
</script>
<table border=0 cellpadding=0 cellspacing=0 align=center width='95%'>
<tr>
<td><fieldset>
<legend>预览图片</legend>
<table border=0 cellpadding=0 cellspacing=5>
<tr>
<td align='center' width='350' height='180'><iframe id='frmPreview' width='350' height='200' frameborder='1' src='editor_imgPreview.asp'></iframe></td>
</tr>
<tr>
<td>地址：
<Input name="url" type=text id="url" style="width:230px" onChange="javascript:Preview()" size=25>
<%if IsUpload=True And ShowType<>5 then %>
<!--'增加房产模块用到的 ShowType=3-->
<Input type="button" name="Submit" value="选择..." title="从已上传文件中选择" onClick="SelectFile()">
<%End if%>
</td>
</tr>
</table>
</fieldset></td>
<td width=80 align="center" valign="middle" rowspan="6">
<table border='0' cellpadding='0' cellspacing='0' width='100%' height='100%' align='center'>
<tr>
<td height='230'></td>
</tr>
<tr>
<td width='20'></td>
<td >
<Input type="hidden" id="upfilename" value="">
<Input type=submit value=' 确定 ' id=Ok onClick="OK()"><BR><BR>
<Input type=button value=' 取消 ' onClick="window.close();">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height=5></td>
</tr>
<tr>
<td><fieldset>
<legend>显示效果</legend>
<table border=0 cellpadding=0 cellspacing=5>
<tr>
<td>说明文字：</td>
<td colspan=5>
<Input name="alttext" type=text id=alttext style="width:243px" onChange="javascript:Preview()" size=38></td>
</tr>
<tr>
<td nowrap>边框粗细：</td>
<td>
<Input type=text id=border name="border" size=10 value="" onKeyPress="event.returnValue=IsDigit();" onChange="javascript:Preview()"></td>
<td width=40></td>
<td nowrap>边框颜色：</td>
<td>
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td>
<Input type=text id=t_bordercolor name=t_bordercolor size=7 value="" onChange="javascript:Preview()"></td>
<td><img border=0 src="images/rect.gif" width=18 style="cursor:hand" id=s_bordercolor onClick="SelectColor('bordercolor');Preview();"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td>特殊效果：</td>
<td>
<Select id=styletype style="width:72px" size=1 name="filter" onChange="javascript:Preview()">
<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=40></td>
<td>对齐方式：</td>
<td>
<Select id=aligntype size=1 style="width:72px">
<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>
</tr>
<tr>
<td>图片宽度：</td>
<td>
<Input type=text id=width name=width size=10 onKeyPress="event.returnValue=IsDigit();" onChange="javascript:Preview()" maxlength=4></td>
<td width=40></td>
<td>图片高度：</td>
<td>
<Input type=text id=height name=height size=10 onKeyPress="event.returnValue=IsDigit();" maxlength=4 onChange="javascript:Preview()"></td>
</tr>
<tr>
<td>上下间距：</td>
<td>
<Input type=text id=vspace size=10 value="" onKeyPress="event.returnValue=IsDigit();" maxlength=2 ></td>
<td width=40></td>
<td>左右间距：</td>
<td>
<Input type=text id=hspace size=10 value="" onKeyPress="event.returnValue=IsDigit();" maxlength=2></td>
</tr>
</table>
</fieldset></td>
</tr>
<%if IsUpload=True then %>
<tr>
<td><fieldset style="text-align:center">
<legend align=left>上传本地图片</legend>
<%
Response.write "<iframe id=""UploadFiles"" src=""upload.asp?DialogType=pic"
Response.write "&ChannelID=" & ChannelID
Response.write """ frameborder=0 scrolling=no width=""350"" height=""50""></iframe>"
Response.write "</fieldset></td>"
Response.write "</tr>"
End if
%>
<tr>
<td height=5></td>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -