📄 insertimage.htm
字号:
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>插入图像
</title>
<SCRIPT LANGUAGE="JScript.Encode">
var loadthisimage="";
function setattributes(){
var x=window.dialogArguments;
x.imageiscancel="no";
x.imageisinsert="yes";
x.image_status=0;
x.imagedialogopen=0;
if(window.document.moondownerform.specifysize.checked==true){
x.imagespecifysize="yes";
}else{
x.imagespecifysize="no";
}
x.imageheight=window.document.moondownerform.imageheight.value;
x.imagewidth=window.document.moondownerform.imagewidth.value;
x.imagebordersize=window.document.moondownerform.bordersize.value;
var tindex=window.document.moondownerform.alignment.selectedIndex;
x.imagealignment=window.document.moondownerform.alignment.options[tindex].value;
x.imagehspacing=window.document.moondownerform.hspacing.value;
x.imagevspacing=window.document.moondownerform.vspacing.value;
if(window.document.moondownerform.specifyimageurl.checked==true){
x.imageurl=window.document.moondownerform.imageurl.value;
}else{
var aindex=window.document.moondownerform.assets.selectedIndex;
x.imageurl=window.document.moondownerform.assets.options[aindex].value;
}
window.close();
}
function bye(){
var x=window.dialogArguments;
x.imageiscancel="yes";
x.imageisinsert="no";
x.image_status=0;
window.close();
}
function clearme(){
var x=window.dialogArguments;
x.image_status=0;
}
function initmoondowner(){
var x=window.dialogArguments;
var ximages=x.ImageSelection;
if(ximages!=""){
if(ximages.indexOf("|")>0){
var imagearray=ximages.split("|");
for(var i=1;i<=imagearray.length;i++){
if(imagearray[i-1].indexOf(";")>0){
var tempsplit=imagearray[i-1].split(";");
var imageoption=window.document.createElement("OPTION");
window.document.moondownerform.assets.options.add(imageoption);
imageoption.innerText=tempsplit[0];
imageoption.value=x.BaseURL+tempsplit[1];
}else{
var imageoption=window.document.createElement("OPTION");
window.document.moondownerform.assets.options.add(imageoption);
imageoption.innerText=imagearray[i-1];
imageoption.value=x.BaseURL+imagearray[i-1];
}
}
}else{
if(ximages.indexOf(";")>0){
var tempsplit=ximages.split(";");
var imageoption=window.document.createElement("OPTION");
window.document.moondownerform.assets.options.add(imageoption);
imageoption.innerText=tempsplit[0];
imageoption.value=x.BaseURL+tempsplit[1];
}else{
var imageoption=window.document.createElement("OPTION");
window.document.moondownerform.assets.options.add(imageoption);
imageoption.innerText=ximages;
imageoption.value=x.BaseURL+ximages;
}
}
}
}
function snapinimage(){
var tempwidth=frames ['LatticeImagePreview'].document.testimage.ImageCache[0].width;
var tempheight=frames ['LatticeImagePreview'].document.testimage.ImageCache[0].height;
document.frames("LatticeImagePreview").document.body.innerHTML='<IMG SRC="'+loadthisimage+'">';
window.document.moondownerform.imagewidth.value=tempwidth;
window.document.moondownerform.imageheight.value=tempheight;
}
function previewimage(){
var xselected=window.document.moondownerform.assets.selectedIndex;
loadthisimage=window.document.moondownerform.assets.options[xselected].value;
frames ['LatticeImagePreview'].document.testimage=new Object();
frames ['LatticeImagePreview'].document.testimage.ImageCache=new Array();
frames ['LatticeImagePreview'].document.testimage.ImageCache[0]=new Image();
frames ['LatticeImagePreview'].document.testimage.ImageCache[0].onload=snapinimage;
frames ['LatticeImagePreview'].document.testimage.ImageCache[0].src=loadthisimage;
}
function refreshimage(){
var xselected=window.document.moondownerform.assets.selectedIndex;
if(window.document.moondownerform.specifyimageurl.checked==true){
loadthisimage=window.document.moondownerform.imageurl.value;
frames ['LatticeImagePreview'].document.testimage=new Object();
frames ['LatticeImagePreview'].document.testimage.ImageCache=new Array();
frames ['LatticeImagePreview'].document.testimage.ImageCache[0]=new Image();
frames ['LatticeImagePreview'].document.testimage.ImageCache[0].onload=snapinimage;
frames ['LatticeImagePreview'].document.testimage.ImageCache[0].src=loadthisimage;
}else{
if(xselected>0){
loadthisimage=window.document.moondownerform.assets.options[xselected].value;
frames ['LatticeImagePreview'].document.testimage=new Object();
frames ['LatticeImagePreview'].document.testimage.ImageCache=new Array();
frames ['LatticeImagePreview'].document.testimage.ImageCache[0]=new Image();
frames ['LatticeImagePreview'].document.testimage.ImageCache[0].onload=snapinimage;
frames ['LatticeImagePreview'].document.testimage.ImageCache[0].src=loadthisimage;
}
}
}
</SCRIPT>
<link rel="stylesheet" href="news_pup.css" type="text/css">
</head>
<body leftmargin="0" onLoad="initmoondowner();" onunload="clearme();">
<table border="0" width="99%" cellspacing="0" cellpadding="3" align="center">
<form method="POST" name="moondownerform">
<tr>
<td width="50%" valign="top">
<fieldset style="padding-bottom:5px"><legend>图片属性: </legend>
<table border="0" width="100%">
<tr>
<td width="67%" valign="middle" align="right">指定大小:</td>
<td width="33%" valign="middle" align="left"><input type="checkbox" name="specifysize" value="ON"></td>
</tr>
<tr>
<td width="67%" valign="middle" align="right">高度:</td>
<td width="33%" valign="middle" align="left"><input type="text" name="imageheight" size="7"></td>
</tr>
<tr>
<td width="67%" valign="middle" align="right">宽度:</td>
<td width="33%" valign="middle" align="left"><input type="text" name="imagewidth" size="7"></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" colspan="2"><img vspace = "2" id="line2" border="0" src="line_divider.gif" width="100%" height="2"></td>
</tr>
<tr>
<td width="67%" valign="middle" align="right">图片边框:</td>
<td width="33%" valign="middle" align="left"><input type="text" name="bordersize" size="7" value="0"></td>
</tr>
<tr>
<td width="67%" valign="middle" align="right">对齐方式:</td>
<td width="33%" valign="middle" align="left"><select size="1" name="alignment">
<option value="Default">默认</option>
<option value="Left">居左</option>
<option value="Right">居右</option>
<option value="Top">顶部</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 width="67%" valign="middle" align="right">水平间距:</td>
<td width="33%" valign="middle" align="left"><input type="text" name="hspacing" size="7" value="0"></td>
</tr>
<tr>
<td width="67%" valign="middle" align="right">垂直间距:</td>
<td width="33%" valign="middle" align="left"><input type="text" name="vspacing" size="7" value="0"></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" colspan="2"><img vspace = "2" id="line2" border="0" src="line_divider.gif" width="100%" height="2"></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" colspan="2"><input type="button" value="刷新预览" name="btn_refresh" onClick="refreshimage();" style="width:80px;"></td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" colspan="2"><input type="button" value="确 定" name="btn_insert" onClick="setattributes();" style="width:80px;"></td>
</tr>
<tr>
<td valign="middle" align="center" colspan="2"><input type="button" value="取 消" name="btn_cancel" onClick="bye();" style="width:80px;">
</td>
</tr>
</table>
</fieldset>
</td>
<td width="50%" valign="top">
<fieldset style="padding-bottom:5px"><legend>图片来源: </legend>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" valign="top" align="left"> <table border="0" width="100%" cellspacing="3" cellpadding="0">
<tr>
<td width="100%" valign="middle" align="left" colspan="2">选择图片:</td>
</tr>
<tr>
<td width="100%" valign="middle" align="left" colspan="2"><select size="1" name="assets" onChange="previewimage();">
<option value="">选择图片</option>
</select></td>
</tr>
<tr>
<td width="10%" valign="middle" align="right"><input type="checkbox" name="specifyimageurl" value="ON"></td>
<td width="90%"> 完整的图片路径</td>
</tr>
<tr>
<td width="100%" valign="middle" align="left" colspan="2">
<input type="text" name="imageurl" size="25">
</td>
</tr>
</table></td>
</tr>
<tr>
<td width="100%" >图片预览:</td>
</tr>
<tr>
<td width="100%" valign="top" align="left"><IFRAME SRC="blank.htm" NAME="LatticeImagePreview" ID="LatticeImagePreview" CONTENTEDITABLE="true" WIDTH="240" HEIGHT="170">
</IFRAME> </td>
</tr>
</table>
</fieldset>
</td>
</tr>
<tr>
<td width="50%" align="center"> </td>
<td width="50%" align="center"> </td>
</tr>
<tr>
<td width="50%" align="center"></td>
<td width="50%" align="center"></td>
</tr></form>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -