img.htm 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381
  1. <HTML>
  2. <HEAD>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  4. <style type="text/css">
  5. body, a, table, div, span, td, th, input, select{font:9pt;font-family: "宋体", Verdana, Arial, Helvetica, sans-serif;}
  6. body {padding:5px}
  7. </style>
  8. <script language="JavaScript" src="dialog.js"></script>
  9. <script language="JavaScript">
  10. var sAction = "INSERT";
  11. var sTitle = "插入";
  12. var oControl;
  13. var oSeletion;
  14. var sRangeType;
  15. var sFromUrl = "http://";
  16. var sAlt = "";
  17. var sBorder = "0";
  18. var sBorderColor = "";
  19. var sFilter = "";
  20. var sAlign = "";
  21. var sWidth = "";
  22. var sHeight = "";
  23. var sVSpace = "";
  24. var sHSpace = "";
  25. var sCheckFlag = "file";
  26. oSelection = dialogArguments.eWebEditor.document.selection.createRange();
  27. sRangeType = dialogArguments.eWebEditor.document.selection.type;
  28. if (sRangeType == "Control") {
  29. if (oSelection.item(0).tagName == "IMG"){
  30. sAction = "MODI";
  31. sTitle = "修改";
  32. sCheckFlag = "url";
  33. oControl = oSelection.item(0);
  34. sFromUrl = oControl.src;
  35. sAlt = oControl.alt;
  36. sBorder = oControl.border;
  37. sBorderColor = oControl.style.borderColor;
  38. sFilter = oControl.style.filter;
  39. sAlign = oControl.align;
  40. sWidth = oControl.width;
  41. sHeight = oControl.height;
  42. sVSpace = oControl.vspace;
  43. sHSpace = oControl.hspace;
  44. }
  45. }
  46. document.write("<title>图片属性(" + sTitle + ")</title>");
  47. // 初始值
  48. function InitDocument(){
  49. SearchSelectValue(d_filter, sFilter);
  50. SearchSelectValue(d_align, sAlign.toLowerCase());
  51. d_fromurl.value = sFromUrl;
  52. d_alt.value = sAlt;
  53. d_border.value = sBorder;
  54. d_bordercolor.value = sBorderColor;
  55. s_bordercolor.style.backgroundColor = sBorderColor;
  56. d_width.value = sWidth;
  57. d_height.value = sHeight;
  58. d_vspace.value = sVSpace;
  59. d_hspace.value = sHSpace;
  60. }
  61. // 图片来源单选点击事件
  62. function RadioClick(what){
  63. if (what=="url"){
  64. d_checkfromfile.checked=false;
  65. d_fromurl.disabled=false;
  66. d_checkfromurl.checked=true;
  67. d_file.myform.uploadfile.disabled=true;
  68. }else{
  69. d_checkfromurl.checked=false;
  70. d_file.myform.uploadfile.disabled=false;
  71. d_checkfromfile.checked=true;
  72. d_fromurl.disabled=true;
  73. }
  74. }
  75. // 上传帧调入完成时执行
  76. function UploadLoaded(){
  77. // 初始radio
  78. RadioClick(sCheckFlag);
  79. }
  80. // 上传错误
  81. function UploadError(sErrDesc){
  82. AbleItems();
  83. RadioClick('file');
  84. divProcessing.style.display="none";
  85. try {
  86. BaseAlert(d_file.myform.uploadfile,sErrDesc);
  87. }
  88. catch(e){}
  89. }
  90. // 文件上传完成时执行,带入上传文件名
  91. function UploadSaved(sFileName){
  92. //d_fromurl.value=GetHttpUrl(config.StyleUploadDir+sFileName);
  93. d_fromurl.value=GetHttpUrl(config.StyleUploadDir+"/"+sFileName);
  94. ReturnValue();
  95. }
  96. // 本窗口返回值
  97. function ReturnValue(){
  98. sFromUrl = d_fromurl.value;
  99. sAlt = d_alt.value;
  100. sBorder = d_border.value;
  101. sBorderColor = d_bordercolor.value;
  102. sFilter = d_filter.options[d_filter.selectedIndex].value;
  103. sAlign = d_align.value;
  104. sWidth = d_width.value;
  105. sHeight = d_height.value;
  106. sVSpace = d_vspace.value;
  107. sHSpace = d_hspace.value;
  108. if (sAction == "MODI") {
  109. oControl.src = sFromUrl;
  110. oControl.alt = sAlt;
  111. oControl.border = sBorder;
  112. oControl.style.borderColor = sBorderColor;
  113. oControl.style.filter = sFilter;
  114. oControl.align = sAlign;
  115. oControl.width = sWidth;
  116. oControl.height = sHeight;
  117. oControl.vspace = sVSpace;
  118. oControl.hspace = sHSpace;
  119. }else{
  120. var sHTML = '';
  121. if (sFilter!=""){
  122. sHTML=sHTML+'filter:"'+sFilter+';';
  123. }
  124. if (sBorderColor!=""){
  125. sHTML=sHTML+'border-color:"'+sBorderColor+';';
  126. }
  127. if (sHTML!=""){
  128. sHTML=' style="'+sHTML+'"';
  129. }
  130. sHTML = '<img src="'+sFromUrl+'"'+sHTML;
  131. if (sAlt!=""){
  132. sHTML=sHTML+' alt"'+sAlt+'"';
  133. }
  134. if (sAlign!=""){
  135. sHTML=sHTML+' align="'+sAlign+'"';
  136. }
  137. if (sWidth!=""){
  138. sHTML=sHTML+' width="'+sWidth+'"';
  139. }
  140. if (sHeight!=""){
  141. sHTML=sHTML+' height="'+sHeight+'"';
  142. }
  143. if (sVSpace!=""){
  144. sHTML=sHTML+' vspace="'+sVSpace+'"';
  145. }
  146. if (sHSpace!=""){
  147. sHTML=sHTML+' hspace="'+sHSpace+'"';
  148. }
  149. sHTML=sHTML+'>';
  150. dialogArguments.insertHTML(sHTML);
  151. }
  152. window.returnValue = null;
  153. window.close();
  154. }
  155. // 点确定时执行
  156. function ok(){
  157. // 数字型输入的有效性
  158. d_border.value = ToInt(d_border.value);
  159. d_width.value = ToInt(d_width.value);
  160. d_height.value = ToInt(d_height.value);
  161. d_vspace.value = ToInt(d_vspace.value);
  162. d_hspace.value = ToInt(d_hspace.value);
  163. // 边框颜色的有效性
  164. if (!IsColor(d_bordercolor.value)){
  165. BaseAlert(d_bordercolor,'提示:\n\n无效的边框颜色值!');
  166. return false;
  167. }
  168. if (d_checkfromurl.checked){
  169. // 返回值
  170. ReturnValue();
  171. }else{
  172. // 上传文件判断
  173. if (!d_file.CheckUploadForm()) return false;
  174. // 使各输入框无效
  175. DisableItems();
  176. // 显示正在上传图片
  177. divProcessing.style.display="";
  178. // 上传表单提交
  179. d_file.myform.submit();
  180. }
  181. }
  182. // 使所有输入框无效
  183. function DisableItems(){
  184. d_checkfromfile.disabled=true;
  185. d_checkfromurl.disabled=true;
  186. d_fromurl.disabled=true;
  187. d_alt.disabled=true;
  188. d_border.disabled=true;
  189. d_bordercolor.disabled=true;
  190. d_filter.disabled=true;
  191. d_align.disabled=true;
  192. d_width.disabled=true;
  193. d_height.disabled=true;
  194. d_vspace.disabled=true;
  195. d_hspace.disabled=true;
  196. Ok.disabled=true;
  197. }
  198. // 使所有输入框有效
  199. function AbleItems(){
  200. d_checkfromfile.disabled=false;
  201. d_checkfromurl.disabled=false;
  202. d_fromurl.disabled=false;
  203. d_alt.disabled=false;
  204. d_border.disabled=false;
  205. d_bordercolor.disabled=false;
  206. d_filter.disabled=false;
  207. d_align.disabled=false;
  208. d_width.disabled=false;
  209. d_height.disabled=false;
  210. d_vspace.disabled=false;
  211. d_hspace.disabled=false;
  212. Ok.disabled=false;
  213. }
  214. </script>
  215. <BODY bgColor=menu onload="InitDocument()">
  216. <table border=0 cellpadding=0 cellspacing=0 align=center>
  217. <tr>
  218. <td>
  219. <fieldset>
  220. <legend>图片来源</legend>
  221. <table border=0 cellpadding=0 cellspacing=0>
  222. <tr><td colspan=9 height=5></td></tr>
  223. <tr>
  224. <td width=7></td>
  225. <td width=54 align=right onclick="RadioClick('file')"><input type=radio id="d_checkfromfile" value="1" onclick="RadioClick('file')">上传:</td>
  226. <td width=5></td>
  227. <td colspan=5>
  228. <Script Language=JavaScript>
  229. document.write('<iframe id=d_file frameborder=0 src="../upload.jsp?type=image&style='+config.StyleName+'" width="100%" height="22" scrolling=no></iframe>');
  230. </Script>
  231. </td>
  232. <td width=7></td>
  233. </tr>
  234. <tr><td colspan=9 height=5></td></tr>
  235. <tr>
  236. <td width=7></td>
  237. <td width=54 align=right onclick="RadioClick('url')"><input type=radio id="d_checkfromurl" value="1" onclick="RadioClick('url')">网络:</td>
  238. <td width=5></td>
  239. <td colspan=5><input type=text id="d_fromurl" style="width:243px" size=30 value=""></td>
  240. <td width=7></td>
  241. </tr>
  242. <tr><td colspan=9 height=5></td></tr>
  243. </table>
  244. </fieldset>
  245. </td>
  246. </tr>
  247. <tr><td height=5></td></tr>
  248. <tr>
  249. <td>
  250. <fieldset>
  251. <legend>显示效果</legend>
  252. <table border=0 cellpadding=0 cellspacing=0>
  253. <tr><td colspan=9 height=5></td></tr>
  254. <tr>
  255. <td width=7></td>
  256. <td>说明文字:</td>
  257. <td width=5></td>
  258. <td colspan=5><input type=text id=d_alt size=38 value="" style="width:243px"></td>
  259. <td width=7></td>
  260. </tr>
  261. <tr><td colspan=9 height=5></td></tr>
  262. <tr>
  263. <td width=7></td>
  264. <td noWrap>边框粗细:</td>
  265. <td width=5></td>
  266. <td><input type=text id=d_border size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();"></td>
  267. <td width=40></td>
  268. <td noWrap>边框颜色:</td>
  269. <td width=5></td>
  270. <td><table border=0 cellpadding=0 cellspacing=0><tr><td><input type=text id=d_bordercolor size=7 value=""></td><td><img border=0 src="../sysimage/rect.gif" width=18 style="cursor:hand" id=s_bordercolor onclick="SelectColor('bordercolor')"></td></tr></table></td>
  271. <td width=7></td>
  272. </tr>
  273. <tr><td colspan=9 height=5></td></tr>
  274. <tr>
  275. <td width=7></td>
  276. <td>特殊效果:</td>
  277. <td width=5></td>
  278. <td>
  279. <select id=d_filter style="width:72px" size=1>
  280. <option value='' selected>无</option>
  281. <option value='Alpha(Opacity=50)'>半透明</option>
  282. <option value='Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140)'>线型透明</option>
  283. <option value='Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200)'>放射透明</option>
  284. <option value='blur(add=1,direction=14,strength=15)'>模糊效果</option><option value='blur(add=true,direction=45,strength=30)'>风动模糊</option>
  285. <option value='Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3)'>正弦波纹</option>
  286. <option value='gray'>黑白照片</option><option value='Chroma(Color=#FFFFFF)'>白色透明</option>
  287. <option value='DropShadow(Color=#999999, OffX=7, OffY=4, Positive=1)'>投射阴影</option>
  288. <option value='Shadow(Color=#999999, Direction=45)'>阴影</option>
  289. <option value='Glow(Color=#ff9900, Strength=5)'>发光</option>
  290. <option value='flipv'>垂直翻转</option>
  291. <option value='fliph'>左右翻转</option>
  292. <option value='grays'>降低彩色</option>
  293. <option value='xray'>X光照片</option>
  294. <option value='invert'>底片</option>
  295. </select>
  296. </td>
  297. <td width=40></td>
  298. <td>对齐方式:</td>
  299. <td width=5></td>
  300. <td>
  301. <select id=d_align size=1 style="width:72px">
  302. <option value='' selected>默认</option>
  303. <option value='left'>居左</option>
  304. <option value='right'>居右</option>
  305. <option value='top'>顶部</option>
  306. <option value='middle'>中部</option>
  307. <option value='bottom'>底部</option>
  308. <option value='absmiddle'>绝对居中</option>
  309. <option value='absbottom'>绝对底部</option>
  310. <option value='baseline'>基线</option>
  311. <option value='texttop'>文本顶部</option>
  312. </select>
  313. </td>
  314. <td width=7></td>
  315. </tr>
  316. <tr><td colspan=9 height=5></td></tr>
  317. <tr>
  318. <td width=7></td>
  319. <td>图片宽度:</td>
  320. <td width=5></td>
  321. <td><input type=text id=d_width size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();" maxlength=4></td>
  322. <td width=40></td>
  323. <td>图片高度:</td>
  324. <td width=5></td>
  325. <td><input type=text id=d_height size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();" maxlength=4></td>
  326. <td width=7></td>
  327. </tr>
  328. <tr><td colspan=9 height=5></td></tr>
  329. <tr>
  330. <td width=7></td>
  331. <td>上下间距:</td>
  332. <td width=5></td>
  333. <td><input type=text id=d_vspace size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();" maxlength=2></td>
  334. <td width=40></td>
  335. <td>左右间距:</td>
  336. <td width=5></td>
  337. <td><input type=text id=d_hspace size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();" maxlength=2></td>
  338. <td width=7></td>
  339. </tr>
  340. <tr><td colspan=9 height=5></td></tr>
  341. </table>
  342. </fieldset>
  343. </td>
  344. </tr>
  345. <tr><td height=5></td></tr>
  346. <tr><td align=right><input type=submit value='确定' id=Ok onclick="ok()">&nbsp;&nbsp;<input type=button value='取消' onclick="window.close();"></td></tr>
  347. </table>
  348. <div id=divProcessing style="width:200px;height:30px;position:absolute;left:70px;top:100px;display:none">
  349. <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>
  350. </div>
  351. </body>
  352. </html>