tijian_tieying/web/Web/eWebEditor/dialog/img.htm
2025-02-20 12:14:39 +08:00

525 lines
17 KiB
HTML

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
<script language=javascript src="dialog.js"></script>
<link href='dialog.css' type='text/css' rel='stylesheet'>
<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 = "";
oSelection = dialogArguments.eWebEditor.document.selection.createRange();
sRangeType = dialogArguments.eWebEditor.document.selection.type;
//alert(sRangeType);
if (sRangeType == "Control") {
if (oSelection.item(0).tagName == "IMG"){
sAction = "MODI";
sTitle = "ÐÞ¸Ä";
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 InitDocument(){
SearchSelectValue(d_filter, sFilter);
SearchSelectValue(d_align, sAlign.toLowerCase());
if(sFromUrl.length>7)
{
d_fromurl.value = sFromUrl;
RadioClick('url');
imgPreview.src=sFromUrl;
HUpdae.value = "update";
}
else
{
HUpdae.value = "insert";
RadioClick('file');
}
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;
adjustDialog();
}
function ReturnValue(){
sFromUrl = "";//d_fromurl.value;
sAlt = d_alt.value;
sBorder = d_border.value;
sBorderColor = d_bordercolor.value;
sFilter = d_filter.options[d_filter.selectedIndex].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 = imgPreview.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+'"';
}
//alert(imgPreview.src);
sFromUrl=imgPreview.src;
sFromUrl = sFromUrl.substring(sFromUrl.lastIndexOf("/")+1);
sFromUrl = sFromUrl.substring(sFromUrl.lastIndexOf(".")+1);
sFromUrl = sFromUrl.toLowerCase();
//alert(fileurl);
if(sFromUrl=="swf")
{
sHTML="";
var sFromUrl1=imgPreview.src;
sHTML = "<OBJECT codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000";
sHTML+=" width=200";
sHTML+=" height=200";
sHTML+="><PARAM NAME=movie VALUE='"+sFromUrl1+"'><PARAM NAME=quality VALUE=high><embed src='"+sFromUrl1+"' quality=high pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash'";
sHTML+=" width=200";
sHTML+=" height=200";
sHTML+=">"+sFromUrl1+"</embed></OBJECT>";
}
else if((sFromUrl=="wma")||(sFromUrl=="wmv")||(sFromUrl=="avi")||(sFromUrl=="asf")||(sFromUrl=="rm")||(sFromUrl=="rmvb")||(sFromUrl=="wmf"))
{
sHTML="";
sHTML = '<EMBED src="' + imgPreview.src + '" width=200 height=200 type="audio/x-pn-realaudio-plugin" autostart="true" controls="IMAGEWINDOW,ControlPanel,StatusBar" console="Clip1"></EMBED>';
}
else
{
//sFromUrl=sFromUrl.substring(7);
//alert(sFromUrl);
//alert(sFromUrl.indexOf("\/",sFromUrl));
//alert(sFromUrl.substring(0,7));
sHTML = '<img id=eWebEditor_TempElement_Img src="'+Hurl.value+'"'+sHTML;
//alert(sHTML);
//sHTML = '<img id=eWebEditor_TempElement_Img src='+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+'>';
}
dialogArguments.insertHTML(sHTML);
var oTempElement = dialogArguments.eWebEditor.document.getElementById("eWebEditor_TempElement_Img");
//oTempElement.src = sFromUrl;
//oTempElement.removeAttribute("id");
}
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 (!IsColor(d_bordercolor.value)){
BaseAlert(d_bordercolor,"Ìáʾ£º\n\nÎÞЧµÄ±ß¿òÑÕɫֵ£¡");
return false;
}
ReturnValue();
}
// ͼƬÀ´Ô´µ¥Ñ¡µã»÷ʼþ
function RadioClick(what){
if (what=="url"){
d_checkfromfile.checked=false;
d_fromurl.disabled=false;
d_checkfromurl.checked=true;
d_file.myform.uploadfile.disabled=true;
d_file.myform.ButUpload.disabled=true;
}else{
d_checkfromurl.checked=false;
d_file.myform.uploadfile.disabled=false;
d_file.myform.ButUpload.disabled=false;
d_checkfromfile.checked=true;
d_fromurl.disabled=true;
}
}
function doPreview(){
var url;
url = d_fromurl.value;
var upurl=imgPreview.src;//d_file.myform.Himgurl.value;
if(upurl)
{
setPreview();
}
var s = url.substring(url.lastIndexOf("/")+1);
s = s.substring(s.lastIndexOf(".")+1);
var t = upurl.substring(upurl.lastIndexOf("/")+1);
t = t.substring(t.lastIndexOf(".")+1);
if(s.length==3)
{
imgPreview.src = url;
setPreview();
}
else if(t.length==3)
{
imgPreview.src = upurl;
setPreview();
}
//if(HUpdae.value = "update")
// {
// imgPreview.src = upurl;
// setPreview()
// }
// else if (HUpdae.value = "insert"){
//
// imgPreview.src = url;
// setPreview()
// }
else{
tdPreview.innerHTML = "";
}
}
function setPreview(){
//alert(imgPreview.src);
divProcessing.style.display="none";
var width = imgPreview.width;
var height = imgPreview.height;
if (imgPreview.src){
var boxWidth = tdPreview.offsetWidth;
var boxHeight = tdPreview.offsetHeight;
if ((width>boxWidth)||(height>boxHeight)){
var nw = boxWidth/width;
var nh = boxHeight/height;
if (nw>nh){
height = boxHeight;
width = width*nh;
}else{
width = boxWidth;
height = height*nw;
}
}
var mytempimg="";
var fileurl=imgPreview.src;
fileurl = fileurl.substring(fileurl.lastIndexOf("/")+1);
fileurl = fileurl.substring(fileurl.lastIndexOf(".")+1);
fileurl = fileurl.toLowerCase();
//alert(fileurl);
if(fileurl=="swf")
{
var sFromUrl=imgPreview.src;
mytempimg = "<OBJECT codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000";
mytempimg+=" width=200";
mytempimg+=" height=200";
mytempimg+="><PARAM NAME=movie VALUE='"+sFromUrl+"'><PARAM NAME=quality VALUE=high><embed src='"+sFromUrl+"' quality=high pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash'";
mytempimg+=" width=200";
mytempimg+=" height=200";
mytempimg+=">"+sFromUrl+"</embed></OBJECT>";
}
else if((fileurl=="3gp")||(fileurl=="wma")||(fileurl=="wmv")||(fileurl=="avi")||(fileurl=="asf")||(fileurl=="rm")||(fileurl=="rmvb")||(fileurl=="wmf"))
{
mytempimg = '<EMBED src="' + imgPreview.src + '" width=200 height=200 type="audio/x-pn-realaudio-plugin" autostart="true" controls="IMAGEWINDOW,ControlPanel,StatusBar" console="Clip1"></EMBED>';
}
else
{
//((fileurl=="jpg")||(fileurl=="gif")||(fileurl=="png")||(fileurl=="jpeg"))
var tempimg = "";
sAlt = d_alt.value;
sBorder = d_border.value;
sBorderColor = d_bordercolor.value;
sFilter = d_filter.options[d_filter.selectedIndex].value;
if (sFilter!=""){
tempimg+=' filter:'+sFilter+'; ';
}
if (sBorderColor!=""){
tempimg+=' border-color:'+sBorderColor+'; ';
//BORDER-BOTTOM-COLOR: #ff0000; BORDER-TOP-COLOR: #ff0000; BORDER-RIGHT-COLOR: #ff0000
}
if (tempimg!=""){
tempimg=' style="'+tempimg+'"';
}
mytempimg = "<img border=0 src='"+imgPreview.src+"' width='"+width+"' height='"+height+"' "+tempimg;
if (sBorder!=""){
mytempimg+=' border='+sBorder+' ';
}
if (sAlt!=""){
mytempimg+=' alt="'+sAlt+'" ';
}
mytempimg+=">";
}
//alert(mytempimg);
tdPreview.innerHTML=mytempimg;
tdPreviewSize.innerHTML = imgPreview.width+" * "+imgPreview.height;
}
}
</script>
</head>
<body onLoad="InitDocument()">
<table width="598" height="100%" border=0 cellpadding=0 cellspacing=5 id=tabDialogSize>
<tr><td>
<table border=0 cellpadding=0 height="100%" cellspacing=5 align=center>
<tr><td width="60%" valign="middle">
<table border=0 cellpadding=0 cellspacing=0 align=center width="100%">
<tr>
<td style="width: 349px">
<fieldset>
<legend>ͼƬÀ´Ô´</legend>
<table border=0 cellpadding=5 cellspacing=0 width="100%">
<tr><td>
<!--<table border=0 cellpadding=0 cellspacing=2 width="100%">
<tr>
<td noWrap width="20%"><input type=radio id="d_checkfromurl" value="1" checked><label for=d_checkfromurl>ÍøÂç</label>:</td>
<td noWrap width="80%"><input type=text id='d_fromurl' style='width:100%' size=30 value=''></td>
</tr>
</table>-->
<table width="310" border=0 cellpadding=0 cellspacing=0>
<tr><td colspan=9 height=5></td></tr>
<tr>
<td width=7 style="height: 20px"></td>
<td width=58 onClick="RadioClick('file')" style="height: 20px"><input type=radio id="d_checkfromfile" value="1" onClick="RadioClick('file')">±¾µØ:</td>
<td width=1 style="height: 20px"></td>
<td colspan=5 style="height: 20px">
<Script Language=JavaScript>
document.write('<iframe id=d_file frameborder=0 src="../upload/?flag=img" width="100%" height="22" scrolling=no ></iframe>');
</Script>
</td>
<td width=5 style="height: 20px"></td>
</tr>
<tr><td colspan=9 height=5></td></tr>
<tr>
<td width=7 style="height: 22px"></td>
<td width=58 onClick="RadioClick('url')" style="height: 22px"><input type=radio id="d_checkfromurl" value="1" onClick="RadioClick('url')">ÍøÂç:</td>
<td width=1 style="height: 22px"></td>
<td colspan=5 style="height: 22px"><input type=text id="d_fromurl" style="width:233px" value=""></td>
<td width=5 style="height: 22px"></td>
</tr>
<tr><td colspan=9 height=5></td></tr>
</table>
</td></tr>
</table>
</fieldset>
</td>
</tr>
<tr><td height=5 style="width: 349px"></td></tr>
<tr>
<td style="width: 349px">
<fieldset>
<legend>ÏÔʾЧ¹û</legend>
<table border=0 cellpadding=5 cellspacing=0 width="100%">
<tr><td>
<table border=0 cellpadding=0 cellspacing=2 width="100%">
<tr>
<td noWrap width="20%">˵Ã÷ÎÄ×Ö:</td>
<td noWrap width="80%" colspan=4><input type=text id=d_alt size=10 value="" style="width:100%"></td>
</tr>
<tr>
<td noWrap width="20%">±ß¿ò´Öϸ:</td>
<td noWrap width="29%"><input style="width:80px" type=text id=d_border size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();"></td>
<td width="2%">&nbsp;</td>
<td noWrap width="20%">±ß¿òÑÕÉ«:</td>
<td noWrap width="29%"><input style="width:62px" type=text id=d_bordercolor size=7 value=""><img border=0 src="../sysimage/rect.gif" width=18 style="cursor:hand" id=s_bordercolor onClick="SelectColor('bordercolor')" align=absmiddle></td>
</tr>
<tr>
<td noWrap width="20%">ÌØÊâЧ¹û:</td>
<td noWrap width="29%">
<select id=d_filter size=1 style="width:80px">
<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="2%">&nbsp;</td>
<td noWrap width="20%">¶ÔÆë·½Ê½:</td>
<td noWrap width="29%">
<select id=d_align size=1 style="width:80px">
<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 noWrap width="20%">ͼƬ¿í¶È:</td>
<td noWrap width="29%"><input style="width:80px" type=text id=d_width size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();" maxlength=4></td>
<td width="2%">&nbsp;</td>
<td noWrap width="20%">ͼƬ¸ß¶È:</td>
<td noWrap width="29%"><input style="width:80px" type=text id=d_height size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();" maxlength=4></td>
</tr>
<tr>
<td noWrap width="20%">ÉÏϼä¾à:</td>
<td noWrap width="29%"><input style="width:80px" type=text id=d_vspace size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();" maxlength=2></td>
<td width="2%">&nbsp;</td>
<td noWrap width="20%">×óÓÒ¼ä¾à:</td>
<td noWrap width="29%"><input style="width:80px" type=text id=d_hspace size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();" maxlength=2></td>
</tr>
</table>
</td></tr>
</table>
</fieldset>
</td>
</tr>
</table>
</td><td width="40%" height="100%" valign="middle">
<fieldset>
<legend>Ô¤ÀÀ</legend>
<table border=0 cellpadding=0 cellspacing=5 width="200" height="200" valign=top>
<tr><td colspan=2 bgcolor=#FFFFFF align=center valign=middle id=tdPreview height="100%">
</td></tr>
<tr><td id=tdPreviewSize></td><td align=right><input type=button id=btnPreivew onClick="doPreview()" value="Ô¤ÀÀ"></td></tr>
</table>
</fieldset>
</td></tr>
<tr><td noWrap align=right colspan=2><input type=submit value='È·¶¨' id=Ok onClick="ok()">&nbsp;&nbsp;<input type=button value='È¡Ïû' onClick="window.close();"></td></tr>
</table>
</td></tr></table>
<img id=imgPreview src='' border=0 style="visibility:hidden" onload="setPreview()">
<input id="HUpdae" name="HUpdae" type="hidden" />
<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 style="height: 28px"><marquee align="middle" behavior="alternate" scrollamount="5"><font color=#FFFFFF>...ÎļþÉÏ´«ÖÐ...ÇëµÈ´ý...</font></marquee></td></tr></table>
</div>
<input id="Hurl" type="hidden" />
</body>
</html>