| [ Index ] |
|
Code source de PHP NUKE 7.9 |
1 <html> 2 <head> 3 <title>{$lang_insert_image_title}</title> 4 <script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script> 5 <script language="javascript"> 6 var url = tinyMCE.getParam("external_image_list_url"); 7 if (url != null) 8 document.write('<sc'+'ript language="javascript" type="text/javascript" src="' + tinyMCE.documentBasePath + "/" + url + '"></sc'+'ript>'); 9 </script> 10 <script language="javascript" type="text/javascript"> 11 <!-- 12 function myRegexpReplace(in_str, reg_exp, replace_str, opts) { 13 if (typeof opts == "undefined") 14 opts = 'g'; 15 var re = new RegExp(reg_exp, opts); 16 return in_str.replace(re, replace_str); 17 } 18 19 function insertImage() { 20 if (window.opener) { 21 var src = document.forms[0].src.value; 22 var alt = document.forms[0].alt.value; 23 var title = document.forms[0].title.value; 24 var border = document.forms[0].border.value; 25 var vspace = document.forms[0].vspace.value; 26 var hspace = document.forms[0].hspace.value; 27 var width = document.forms[0].width.value; 28 var height = document.forms[0].height.value; 29 var align = document.forms[0].align.options[document.forms[0].align.selectedIndex].value; 30 var onmouseover = document.forms[0].onmouseover.value; 31 var onmouseout = document.forms[0].onmouseout.value; 32 33 // added 2004-11-10 by Michael Keck (me@michaelkeck.de) 34 // supporting onmouse over / out for image swap ... 35 // only support the onmouse over/out if both values are given 36 if (onmouseover!='' && onmouseout!='' && document.forms[0].onmousemove.checked==true) { 37 onmouseover="this.src='" + onmouseover + "';"; 38 onmouseout ="this.src='" + onmouseout + "';"; 39 } else { 40 onmouseover=""; 41 onmouseout =""; 42 } 43 44 window.opener.tinyMCE.insertImage(src, alt, border, hspace, vspace, width, height, align, title, onmouseover, onmouseout); 45 top.close(); 46 } 47 } 48 49 function init() { 50 var formObj = document.forms[0]; 51 var arrOnOver = new Array(), arrOnOut = new Array(); 52 var strOnOver = "", strOnOut = ""; 53 for (var i=0; i<document.forms[0].align.options.length; i++) { 54 if (document.forms[0].align.options[i].value == tinyMCE.getWindowArg('align')) 55 document.forms[0].align.options.selectedIndex = i; 56 } 57 formObj.src.value = tinyMCE.getWindowArg('src'); 58 formObj.alt.value = tinyMCE.getWindowArg('alt'); 59 formObj.title.value = tinyMCE.getWindowArg('title'); 60 formObj.border.value = tinyMCE.getWindowArg('border'); 61 formObj.vspace.value = tinyMCE.getWindowArg('vspace'); 62 formObj.hspace.value = tinyMCE.getWindowArg('hspace'); 63 formObj.width.value = tinyMCE.getWindowArg('width'); 64 formObj.height.value = tinyMCE.getWindowArg('height'); 65 formObj.height.value = tinyMCE.getWindowArg('height'); 66 67 formObj.insert.value = tinyMCE.getLang('lang_' + tinyMCE.getWindowArg('action'), 'Insert', true); 68 69 // added 2004-11-10 by Michael Keck (me@michaelkeck.de) 70 // supporting onmouse over / out for image swap ... 71 arrOnOver = tinyMCE.getWindowArg('onmouseover').split(';'); 72 arrOnOut = tinyMCE.getWindowArg('onmouseout').split(';'); 73 for (var i=0; i<arrOnOver.length; i++) { 74 if (arrOnOver[i].indexOf('this.src=\'')!=-1) { 75 strOnOver = arrOnOver[i]; 76 break; 77 } 78 } 79 for (var i=0; i<arrOnOut.length; i++) { 80 if (arrOnOut[i].indexOf('this.src=\'')!=-1) { 81 strOnOut = arrOnOut[i]; 82 break; 83 } 84 } 85 if (strOnOver!='') { 86 strOnOver = myRegexpReplace(strOnOver,"this.src='","","gi"); 87 strOnOver = myRegexpReplace(strOnOver,"'","","gi"); 88 strOnOver = myRegexpReplace(strOnOver,";","","gi"); 89 } 90 if (strOnOut!='') { 91 strOnOut = myRegexpReplace(strOnOut,"this.src='","","gi"); 92 strOnOut = myRegexpReplace(strOnOut,"'","","gi"); 93 strOnOut = myRegexpReplace(strOnOut,";","","gi"); 94 } 95 if (strOnOver!='' && strOnOut!='') { 96 setOnMouseInput('enabled'); 97 formObj.onmousemove.checked = true; 98 formObj.onmouseover.value = strOnOver; 99 formObj.onmouseout.value = strOnOut; 100 } else { 101 setOnMouseInput('disabled'); 102 formObj.onmousemove.checked = false; 103 formObj.onmouseover.value = ''; 104 formObj.onmouseout.value = ''; 105 } 106 107 // Handle file browser 108 if (tinyMCE.getParam("file_browser_callback") != null) { 109 document.getElementById('src').style.width = '260px'; 110 111 var html = ''; 112 113 html += '<img id="browserBtn" src="../../themes/advanced/images/browse.gif"'; 114 html += ' onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');"'; 115 html += ' onmouseout="tinyMCE.restoreClass(this);"'; 116 html += ' onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');"'; 117 html += ' onclick="javascript:tinyMCE.openFileBrowser(\'src\',document.forms[0].src.value,\'image\',window);"'; 118 html += ' width="20" height="18" border="0" title="' + tinyMCE.getLang('lang_browse') + '"'; 119 html += ' class="mceButtonNormal" alt="' + tinyMCE.getLang('lang_browse') + '" />'; 120 121 document.getElementById('browser').innerHTML = html; 122 } 123 124 // Auto select image in list 125 selectByValue(formObj, "image_list", tinyMCE.getWindowArg('src')); 126 selectByValue(formObj, "image_list2", strOnOver); 127 selectByValue(formObj, "image_list3", strOnOut); 128 129 // Handle preview 130 var htmlprev = ''; 131 132 var src = tinyMCE.convertRelativeToAbsoluteURL(tinyMCE.settings['base_href'], document.forms[0].src.value); 133 if (src == "") 134 src = "about:blank"; 135 136 htmlprev += ' <iframe id="preview" name="preview" scrolling="auto" ' 137 htmlprev += ' marginwidth="0" marginheight="0" frameborder="0" src="' + src + '"' 138 htmlprev += ' style="margin:0px;border: 1px solid black;width:135px;height:135px"></iframe>'; 139 140 document.getElementById('prev').innerHTML = htmlprev; 141 142 window.focus(); 143 } 144 145 function selectByValue(form_obj, field_name, value) { 146 if (!form_obj || !form_obj.elements[field_name]) 147 return; 148 149 for (var i=0; i<form_obj.elements[field_name].options.length; i++) { 150 var option = form_obj.elements[field_name].options[i]; 151 if (option.value == value) 152 option.selected = true; 153 } 154 } 155 156 // added 2004-11-10 by Michael Keck (me@michaelkeck.de) 157 // supporting onmouse over / out for image swap ... 158 // this function is needed for visual show, if onmouse over/out available 159 function setOnMouseInput(stat){ 160 var formObj = document.forms[0]; 161 if (stat=='enabled') { 162 formObj.onmouseover.disabled = false; 163 formObj.onmouseout.disabled = false; 164 if (document.getElementById) { 165 document.getElementById('showInput1').style.color="#000000"; 166 document.getElementById('showInput2').style.color="#000000"; 167 } 168 formObj.onmouseout.value = formObj.src.value; 169 } else { 170 formObj.onmouseover.disabled = true; 171 formObj.onmouseout.disabled = true; 172 if (document.getElementById) { 173 document.getElementById('showInput1').style.color="#666666"; 174 document.getElementById('showInput2').style.color="#666666"; 175 } 176 } 177 } 178 179 function cancelAction() { 180 top.close(); 181 } 182 183 var preloadImg = new Image(); 184 185 function resetImageData() { 186 var formObj = document.forms[0]; 187 formObj.width.value = formObj.height.value = ""; 188 } 189 190 function updateImageData() { 191 var formObj = document.forms[0]; 192 193 if (formObj.width.value == "") 194 formObj.width.value = preloadImg.width; 195 196 if (formObj.height.value == "") 197 formObj.height.value = preloadImg.height; 198 } 199 200 function getImageData() { 201 preloadImg = new Image(); 202 tinyMCE.addEvent(preloadImg, "load", updateImageData); 203 tinyMCE.addEvent(preloadImg, "error", function () {var formObj = document.forms[0];formObj.width.value = formObj.height.value = "";}); 204 preloadImg.src = tinyMCE.convertRelativeToAbsoluteURL(tinyMCE.settings['base_href'], document.forms[0].src.value); 205 206 var src = tinyMCE.convertRelativeToAbsoluteURL(tinyMCE.settings['base_href'], document.forms[0].src.value); 207 if (src == "") 208 src = "about:blank"; 209 210 self.preview.location = src; 211 } 212 //--> 213 </script> 214 </head> 215 <body onload="window.focus();init();"> 216 <form onsubmit="insertImage();return false;"> 217 <table border="0" cellpadding="0" cellspacing="0" width="100%"> 218 <tr> 219 <td align="center" valign="middle"><table border="0" cellpadding="4" cellspacing="0"> 220 <tr> 221 <td colspan="3" class="title">{$lang_insert_image_title}</td> 222 </tr> 223 <tr> 224 <td align="right" nowrap="nowrap">{$lang_insert_image_src}:</td> 225 <td colspan="2"> <table border="0" cellspacing="0" cellpadding="0"> 226 <tr> 227 <td><input name="src" type="text" id="src" value="" style="width: 280px" onchange="getImageData();" /></td> 228 <td id="browser"></td> 229 </tr> 230 </table></td> 231 </tr> 232 <!-- Image list --> 233 <script language="javascript"> 234 if (typeof(tinyMCEImageList) != "undefined" && tinyMCEImageList.length > 0) { 235 var html = ""; 236 237 html += '<tr><td align="right" nowrap="nowrap">{$lang_image_list}:</td>'; 238 html += '<td colspan="2"><select name="image_list" style="width: 280px" onchange="this.form.src.value=this.options[this.selectedIndex].value;resetImageData();getImageData();">'; 239 html += '<option value="">---</option>'; 240 241 for (var i=0; i<tinyMCEImageList.length; i++) 242 html += '<option value="' + tinyMCEImageList[i][1] + '">' + tinyMCEImageList[i][0] + '</option>'; 243 244 html += '</select></td></tr>'; 245 246 document.write(html); 247 } 248 </script> 249 <!-- /Image list --> 250 <tr> 251 <td align="right" nowrap="nowrap">{$lang_insert_image_alt}:</td> 252 <td colspan="2"><input name="alt" type="text" id="alt" value="" style="width: 280px" onblur="if(document.forms[0].title.value==''){ document.forms[0].title.value=this.value; }" onfocus="if(document.forms[0].title.value==''){ document.forms[0].title.value=this.value; }" /></td> 253 </tr> 254 <tr> 255 <td align="right" nowrap="nowrap">{$lang_insert_image_alt2}:</td> 256 <td colspan="2"><input name="title" type="text" id="title" value="" style="width: 280px" /></td> 257 </tr> 258 <tr> 259 <td align="right" nowrap="nowrap">{$lang_insert_image_dimensions}:</td> 260 <td nowrap="nowrap"> 261 <input name="width" type="text" id="width" value="" size="5" maxlength="5" style="vertical-align: middle; width: 50px; text-align: center;" /> x 262 <input name="height" type="text" id="height" value="" size="5" maxlength="5" style="vertical-align: middle; width: 50px; text-align: center;" /> px 263 </td> 264 <td rowspan="6" valign="top"><div id="prev" name="prev" style="margin:0px;border:none;width:135px;height:135px"></div></td> 265 </tr> 266 <tr> 267 <td align="right" nowrap="nowrap">{$lang_insert_image_border}:</td> 268 <td colspan="2"><input name="border" type="text" id="border" value="" size="3" maxlength="3" style="vertical-align: middle; width: 30px; text-align: center;" /></td> 269 </tr> 270 <tr> 271 <td align="right" nowrap="nowrap">{$lang_insert_image_align}:</td> 272 <td><select name="align"> 273 <option value="">{$lang_insert_image_align_default}</option> 274 <option value="baseline">{$lang_insert_image_align_baseline}</option> 275 <option value="top">{$lang_insert_image_align_top}</option> 276 <option value="middle">{$lang_insert_image_align_middle}</option> 277 <option value="bottom">{$lang_insert_image_align_bottom}</option> 278 <option value="texttop">{$lang_insert_image_align_texttop}</option> 279 <option value="absmiddle">{$lang_insert_image_align_absmiddle}</option> 280 <option value="absbottom">{$lang_insert_image_align_absbottom}</option> 281 <option value="left">{$lang_insert_image_align_left}</option> 282 <option value="right">{$lang_insert_image_align_right}</option> 283 </select> 284 </td> 285 </tr> 286 <tr> 287 <td align="right" nowrap="nowrap">{$lang_insert_image_vspace}:</td> 288 <td><input name="vspace" type="text" id="vspace" value="" size="3" maxlength="3" style="vertical-align: middle; width: 30px; text-align: center;" /></td> 289 </tr> 290 <tr> 291 <td align="right" nowrap="nowrap">{$lang_insert_image_hspace}:</td> 292 <td><input name="hspace" type="text" id="hspace" value="" size="3" maxlength="3" style="vertical-align: middle; width: 30px; text-align: center;" /></td> 293 </tr> 294 <tr> 295 <td colspan="2" nowrap="nowrap"><input type="checkbox" name="onmousemove" id="onmousemove" style="border: 1px none #000000; background-color: transparent; vertical-align: middle;" onclick="if(this.checked==true){ setOnMouseInput('enabled'); }else{ setOnMouseInput('enable'); }" /><label for="onmousemove"><b>{$lang_insert_image_onmousemove}</b>:</label></td> 296 </tr> 297 <tr> 298 <td align="right" nowrap="nowrap" id="showInput1">{$lang_insert_image_mouseover}:</td> 299 <td colspan="2"><input name="onmouseover" type="text" id="onmouseover" value="" style="width: 280px" /></td> 300 </tr> 301 <!-- Image list --> 302 <script language="javascript"> 303 if (typeof(tinyMCEImageList) != "undefined" && tinyMCEImageList.length > 0) { 304 var html = ""; 305 306 html += '<tr><td align="right" nowrap="nowrap">{$lang_image_list}:</td>'; 307 html += '<td colspan="2"><select name="image_list2" style="width: 280px" onchange="this.form.onmouseover.value=this.options[this.selectedIndex].value;">'; 308 html += '<option value="">---</option>'; 309 310 for (var i=0; i<tinyMCEImageList.length; i++) 311 html += '<option value="' + tinyMCEImageList[i][1] + '">' + tinyMCEImageList[i][0] + '</option>'; 312 313 html += '</select></td></tr>'; 314 315 document.write(html); 316 } 317 </script> 318 <!-- /Image list --> 319 <tr> 320 <td align="right" nowrap="nowrap" id="showInput2">{$lang_insert_image_mouseout}:</td> 321 <td colspan="2"><input name="onmouseout" type="text" id="onmouseout" value="" style="width: 280px" /></td> 322 </tr> 323 <!-- Image list --> 324 <script language="javascript"> 325 if (typeof(tinyMCEImageList) != "undefined" && tinyMCEImageList.length > 0) { 326 var html = ""; 327 328 html += '<tr><td align="right" nowrap="nowrap">{$lang_image_list}:</td>'; 329 html += '<td colspan="2"><select name="image_list3" style="width: 280px" onchange="this.form.onmouseout.value=this.options[this.selectedIndex].value;">'; 330 html += '<option value="">---</option>'; 331 332 for (var i=0; i<tinyMCEImageList.length; i++) 333 html += '<option value="' + tinyMCEImageList[i][1] + '">' + tinyMCEImageList[i][0] + '</option>'; 334 335 html += '</select></td></tr>'; 336 337 document.write(html); 338 } 339 </script> 340 <!-- /Image list --> 341 <tr> 342 <td><input type="button" name="insert" value="{$lang_insert}" onclick="insertImage();" id="insert" /></td> 343 <td> </td> 344 <td align="right"><input type="button" name="cancel" value="{$lang_cancel}" onclick="cancelAction();" id="cancel" /></td> 345 </tr> 346 </table></td> 347 </tr> 348 </table> 349 </form> 350 </body> 351 </html>
titre
Description
Corps
titre
Description
Corps
titre
Description
Corps
titre
Corps
| Généré le : Sun Apr 1 11:11:59 2007 | par Balluche grâce à PHPXref 0.7 |