?? img.htm
字號:
<HTML>
<HEAD>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<Link rel="stylesheet" type="text/css" href="pop.css">
<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">
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[1];
//sRangeType = dialogArguments[2];
//oSelection = dialogArguments.IframeID.document.selection.createRange();
//sRangeType = dialogArguments.IframeID.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>插入圖片</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 RadioClick(what){
if (what=="url"){
d_checkfromfile.checked=false;
d_fromurl.disabled=false;
d_checkfromurl.checked=true;
d_file.myform.uploadfile.disabled=true;
}else{
d_checkfromurl.checked=false;
d_file.myform.uploadfile.disabled=false;
d_checkfromfile.checked=true;
d_fromurl.disabled=true;
}
}
// 上傳幀調入完成時執行
function UploadLoaded(){
// 初始radio
RadioClick(sCheckFlag);
}
// 上傳錯誤
function UploadError(sErrDesc){
AbleItems();
RadioClick('file');
divProcessing.style.display="none";
try {
BaseAlert(d_file.myform.uploadfile,sErrDesc);
}
catch(e){}
}
// 文件上傳完成時執行,帶入上傳文件名
function UploadSaved(sFileName){
d_fromurl.value=sFileName;
d_upfilename.value=sFileName;
ReturnValue();
}
function makearray(n) {
this.length = n;
for(var i = 1; i <= n; i++)
this[i] = 0;
return this;
}
// 本窗口返回值
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 = '';
if (sFilter!=""){
sHTML=sHTML+'filter:'+sFilter+';';
}
if (sBorderColor!=""){
sHTML=sHTML+'border-color:'+sBorderColor+';';
}
if (sHTML!=""){
sHTML=' style="'+sHTML+'"';
}
sHTML = '<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+'"';
}
sHTML=sHTML+'>';
//IframeID.document.body.innerHTML=sHTML;
//dialogArguments.insertHTML(sHTML);
}
re = new makearray(2);
re[1]=sHTML;
re[2]=d_upfilename.value;
window.returnValue = re;
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;
}
// 轉為數字型,并無前導0,不能轉則返回""
function ToInt(str){
str=BaseTrim(str);
if (str!=""){
var sTemp=parseFloat(str);
if (isNaN(sTemp)){
str="";
}else{
str=sTemp;
}
}
return str;
}
// 去空格,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
}
function oblog_foreColor()
{
var oblog_bIsIE5=document.all;
if (oblog_bIsIE5){
var arr = showModalDialog("selcolor.html", "", "dialogWidth:18.5em; dialogHeight:17.5em; status:0; help:0");
if (arr != null) d_bordercolor.value=arr;
}
}
// 只允許輸入數字
function IsDigit(){
return ((event.keyCode >= 48) && (event.keyCode <= 57));
}
</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 height="30" align=right valign="top" onclick="RadioClick('file')"><input type=radio id="d_checkfromfile" value="1" onclick="RadioClick('file')">上傳:</td>
<td width=5></td>
<td colspan=5>
<Script Language=JavaScript>
document.write('<iframe id=d_file frameborder=0 src="../upload.asp?type=image" width="100%" height="52" scrolling=no></iframe>');
</Script>
</td>
<td width=7></td>
</tr>
<tr><td colspan=9 height=5></td></tr>
<tr>
<td width=7></td>
<td width=54 align=right onclick="RadioClick('url')"><input type=radio id="d_checkfromurl" value="1" onclick="RadioClick('url')">網絡:</td>
<td width=5></td>
<td colspan=5><input type=text id="d_fromurl" style="width:243px" size=30 value=""></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 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><table border=0 cellpadding=0 cellspacing=0><tr><td><input type=text id=d_bordercolor size=7 value=""></td>
<td LANGUAGE="javascript" onclick="oblog_foreColor();"><img src="Rect.gif" width="18" height="17"></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>
<select id=d_filter style="width:72px" 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=40></td>
<td>對齊方式:</td>
<td width=5></td>
<td>
<select id=d_align 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>
<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=40></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=40></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=hidden id=d_upfilename value="">
<input type=submit value='確定' id=Ok onclick="ok()">
<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>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -