📄 img.htm

📁 html生成静态页的小程序
💻 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 = "INSERT";
var sTitle = "插入";

var oControl;
var oSeletion;
var sRangeType;

var sFromUrl = "";//"http://";
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.eWebEditor.document.selection.createRange();
sRangeType = dialogArguments.eWebEditor.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_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{
		if(sBorder=="")sBorder="0";
		if(sAlign=="")sAlign="absmiddle";
		//var sHTML = '<img src="'+sFromUrl+'" alt="'+sAlt+'" border="'+sBorder+'" style="filter:'+sFilter+';border-color:'+sBorderColor+'" align="'+sAlign+'"';
		//if (d_checkfromurl.checked)
		//{
		//	var sHTML = '<img src="'+sFromUrl+'" border="'+sBorder+'" align="'+sAlign+'" alt=按此在新窗口浏览图片>';
		//}
		//else
		//{
			var sHTML = '<img alt="'+sAlt+'" src="'+sFromUrl+'" border="'+sBorder+'" align="'+sAlign+'">';
		//}
		var ubbHTML = "[IMG=" + sBorder + "," + sAlign + "]" + sFromUrl + "[/IMG]"
		//if (sWidth!=""){
		//	sHTML=sHTML+' width="'+sWidth+'"';
		//}
		//if (sHeight!=""){
		//	sHTML=sHTML+' height="'+sHeight+'"';
		//}
		//sHTML = sHTML+' vspace="'+sVSpace+'" hspace="'+sHSpace+'">';
		if(!dialogArguments.edt_mode)
		{dialogArguments.addcontent(2,sHTML);}
		else
		{dialogArguments.addcontent(1,ubbHTML);}
	}

	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 (d_checkfromurl.checked){
		// 返回值
		ReturnValue();
	//}
	//else{
		// 上传文件判断
		//if (!d_file.CheckUploadForm()) return false;
		// 使各输入框无效
		//DisableItems();
		// 显示正在上传图片
		//divProcessing.style.display="";
		// 上传表单提交
		//d_file.myform.submit();
	//}
}

// 使所有输入框无效
function DisableItems(){
	d_checkfromfile.disabled=true;
	//d_checkfromurl.disabled=true;
	d_fromurl.disabled=true;
	//d_alt.disabled=true;
	d_border.disabled=true;
	//d_bordercolor.disabled=true;
	//d_filter.disabled=true;
	d_align.disabled=true;
	//d_width.disabled=true;
	//d_height.disabled=true;
	//d_vspace.disabled=true;
	//d_hspace.disabled=true;
	Ok.disabled=true;
}

// 使所有输入框有效
function AbleItems(){
	d_checkfromfile.disabled=false;
	//d_checkfromurl.disabled=false;
	d_fromurl.disabled=false;
	//d_alt.disabled=false;
	d_border.disabled=false;
	//d_bordercolor.disabled=false;
	//d_filter.disabled=false;
	d_align.disabled=false;
	//d_width.disabled=false;
	//d_height.disabled=false;
	//d_vspace.disabled=false;
	//d_hspace.disabled=false;
	Ok.disabled=false;
}

</script>

<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 width=54>图片地址:</td>
		<td width=5></td>
		<td colspan=5><input type=text id="d_fromurl" style="width:243px" size=30 value="">
		<!-- <input type=checkbox id="d_checkfromurl" value="1">新开窗口</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 noWrap>边框粗细:</td>
		<td width=5></td>
		<td><input type=text id=d_border size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();"></td>
		<td width=40></td>
		<td noWrap>对齐方式:</td>
		<td width=5></td>
		<td>
			<select id=d_align size=1 style="width:72px">
			<option value='absmiddle' selected>绝对居中</option>
			<option value='left'>居左</option>
			<option value='right'>居右</option>
			<option value='top'>顶部</option>
			<option value='middle'>中部</option>
			<option value='bottom'>底部</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>
	</table>
	</fieldset>
	</td>
</tr>
<tr><td height=5></td></tr>
<tr><td align=right><input type=submit value='  确定  ' id=Ok onClick="ok()">&nbsp;&nbsp;<input type=button value='  取消  ' onClick="window.close();"></td></tr>
</table>

<div id=divProcessing style="width:200px;height:30px;position:absolute;left:70px;top:100px;display:none">
<table border=0 cellpadding=0 cellspacing=1 bgcolor="#000000" width="100%" height="100%"><tr><td bgcolor=#3A6EA5><marquee align="middle" behavior="alternate" scrollamount="5"><font color=#FFFFFF>...图片上传中...请等待...</font></marquee></td></tr></table>
</div>

</body>
</html>
💿 文件大小 2195 K
👤 上传用户 spie1
📂 所属分类其他
🏷️ 相关标签

#html #页 #程序
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -