📄 img.htm

📁 功能强大的bbs
💻 HTM
字号:
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta HTTP-EQUIV=Expires CONTENT=0>
<Link rel="stylesheet" type="text/css" href="pop.css">
<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.Dvbbs_Composition.document.selection.createRange();
sRangeType = dialogArguments.Dvbbs_Composition.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;
		sAlign = oControl.align;
		sWidth = oControl.width;
		sHeight = oControl.height;

	}
}

document.write("<title>Dvbbs多功能编辑器--图片属性（" + sTitle + "）</title>");

// 初始值
function InitDocument(){
	SearchSelectValue(d_align, sAlign.toLowerCase());
	d_fromurl.value = sFromUrl;
	d_border.value = sBorder;
	d_width.value = sWidth;
	d_height.value = sHeight;
	showimages();
}

// 搜索下拉框值与指定值匹配，并选择匹配项
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 ReturnValue(){
	sFromUrl = d_fromurl.value;
	sBorder = d_border.value;
	sAlign = d_align.value;
	sWidth = d_width.value;
	sHeight = d_height.value;
	if (sAction == "MODI") {
		oControl.src = sFromUrl;
		oControl.alt = sAlt;
		oControl.border = sBorder;
		oControl.align = sAlign;
		oControl.width = sWidth;
		oControl.height = sHeight;
	}else{
		var sHTML = '<img src="'+sFromUrl+'" border="'+sBorder+'" align="'+sAlign+'"';
		if (sWidth!=""){
			sHTML=sHTML+' width="'+sWidth+'"';
		}
		if (sHeight!=""){
			sHTML=sHTML+' height="'+sHeight+'"';
		}
		sHTML = sHTML+'>';
	}
	if (sFromUrl.length<10){sHTML='';}
	window.returnValue = sHTML;
	window.close();
}

function showimages(){
	sFromUrl = d_fromurl.value;
	sBorder = d_border.value;
	sAlign = d_align.value;
	sWidth = d_width.value;
	sHeight = d_height.value;
	var sHTML = '<img src="'+sFromUrl+'" border="'+sBorder+'" align="'+sAlign+'"';
	if (sWidth!=""){
		sHTML=sHTML+' width="'+sWidth+'"';
	}
	if (sHeight!=""){
		sHTML=sHTML+' height="'+sHeight+'"';
	}
	sHTML = sHTML+'>';
	if (sFromUrl.length<10){sHTML='';}
	document.getElementById('showimage').innerHTML = sHTML;
}

// 点确定时执行
function ok(){
	// 数字型输入的有效性
	d_border.value = ToInt(d_border.value);
	d_width.value = ToInt(d_width.value);
	d_height.value = ToInt(d_height.value);
	ReturnValue();
}
// 是否有效颜色值
function IsColor(color){
	var temp=color;
	if (temp=="") return true;
	if (temp.length!=7) return false;
	return (temp.search(/\#[a-fA-F0-9]{6}/) != -1);
}
// 转为数字型，并无前导0，不能转则返回""
function ToInt(str){
	str=BaseTrim(str);
	if (str!=""){
		var sTemp=parseFloat(str);
		if (isNaN(sTemp)){
			str="";
		}else{
			str=sTemp;
		}
	}
	return str;
}
// 转为数字型，并无前导0，不能转则返回""
function ToInt(str){
	str=BaseTrim(str);
	if (str!=""){
		var sTemp=parseFloat(str);
		if (isNaN(sTemp)){
			str="";
		}else{
			str=sTemp;
		}
	}
	return str;
}
// 基本信息提示，得到焦点并选定
function BaseAlert(theText,notice){
	alert(notice);
	theText.focus();
	theText.select();
	return false;
}
// 只允许输入数字
function IsDigit(){
  return ((event.keyCode >= 48) && (event.keyCode <= 57));
}
// 选颜色
function SelectColor(what){
	var dEL = document.all("d_"+what);
	var sEL = document.all("s_"+what);
	var arr = showModalDialog("selcolor.html", "", "dialogWidth:18.5em; dialogHeight:17.5em; status:0; help:0");
	if (arr) {
		dEL.value=arr;
		sEL.style.backgroundColor=arr;
	}
}
// 去空格，left,right,all可选
function BaseTrim(str){
	  lIdx=0;rIdx=str.length;
	  if (BaseTrim.arguments.length==2)
	    act=BaseTrim.arguments[1].toLowerCase()
	  else
	    act="all"
      for(var i=0;i<str.length;i++){
	  	thelStr=str.substring(lIdx,lIdx+1)
		therStr=str.substring(rIdx,rIdx-1)
        if ((act=="all" || act=="left") && thelStr==" "){
			lIdx++
        }
        if ((act=="all" || act=="right") && therStr==" "){
			rIdx--
        }
      }
	  str=str.slice(lIdx,rIdx)
      return str
}
</script>
<BODY bgColor=menu onload="InitDocument()">
<table border=0 cellpadding=0 cellspacing=0 align=center width="97%">
<tr>
<td>
	<fieldset>
	<legend>图片来源</legend>
	<table border=0 cellpadding=2 cellspacing=0 width="100%">
		<tr><td colspan=5 height=5></td></tr>
		<tr>
			<td width=7></td>
			<td width=54 align=right>网络:</td>
			<td width=5></td>
			<td width="*"><input type=text id="d_fromurl" style="width:200px" size=30 value="http://" onkeyup="showimages()" ></td>
			<td width=7></td>
		</tr>
		<tr><td colspan=5 height=5></td></tr>
	</table>
	</fieldset>
	</td>
	<td width="250" height="*" rowspan="4" valign=top>
	<fieldset>
	<legend>图片预览</legend>
	<table border=0 cellpadding=0 cellspacing=0 height="100%">
	<tr><td height=5></td></tr>
	<tr>
		<td height="*" id=showimage> </td>
	</tr>
	<tr><td 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=8 height=5></td></tr>
	<tr><td colspan=8 height=5></td></tr>
	<tr>
		<td width=2></td>
		<td width=60 noWrap>边框粗细:</td>
		<td width=5></td>
		<td width=2><input type=text id=d_border size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();" onkeyup="showimages()" ></td>
		<td width=7></td>
		<td width=60 noWrap>对齐方式:</td>
		<td width=5></td>
		<td width=2>
			<select id=d_align size=1 style="width:72px" onchange="showimages()">
			<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 colspan=9 height=5></td></tr>
	<tr>
		<td></td>
		<td width=60 noWrap>图片宽度:</td>
		<td ></td>
		<td width=2><input type=text id=d_width size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();" onkeyup="showimages()" maxlength=4></td>
		<td ></td>
		<td width=60 noWrap>图片高度:</td>
		<td ></td>
		<td width=2><input type=text id=d_height size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();" onkeyup="showimages()" maxlength=4></td>
	</tr>
	<tr><td colspan=8 height=5></td></tr>
	</table>
	</fieldset>
	</td>
</tr>
<tr><td height=5 ></td></tr>
<tr>
<td align=center ><input type=submit value='  确定  ' id=Ok onclick="ok()">&nbsp;&nbsp;
<input type=button value='  取消  ' onclick="window.close();"></td>
</tr>
</table>
</body>
</html>
💿 文件大小 6173 K
👤 上传用户 Butterflies
📂 所属分类源码/资料
🏷️ 相关标签

#bbs
⌨️ 快捷键说明

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