eGroupWare 1.2.106-2 : /phpgwapi/js/tinymce/jscripts/tiny

[Sommaire] [Imprimer]
   1  <html>
   2  <head>
   3  <title>{$lang_insert_image_title}</title>
   4  <script language="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      // Fix relative
   9      if (url.charAt(0) != '/')
  10          url = tinyMCE.documentBasePath + "/" + url;
  11  
  12      document.write('<sc'+'ript language="javascript" type="text/javascript" src="' + url + '?rnd=' + new Date().getTime() + '"></sc'+'ript>');
  13  }
  14  </script>
  15  <script language="javascript">
  16      // Disable auto resize
  17      tinyMCE.getWindowArg('mce_windowresize', false);
  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 border = document.forms[0].border.value;
  24              var vspace = document.forms[0].vspace.value;
  25              var hspace = document.forms[0].hspace.value;
  26              var width = document.forms[0].width.value;
  27              var height = document.forms[0].height.value;
  28              var align = document.forms[0].align.options[document.forms[0].align.selectedIndex].value;
  29  
  30              window.opener.tinyMCE.insertImage(src, alt, border, hspace, vspace, width, height, align);
  31              top.close();
  32          }
  33      }
  34  
  35  	function init() {
  36          var formObj = document.forms[0];
  37  
  38          for (var i=0; i<document.forms[0].align.options.length; i++) {
  39              if (document.forms[0].align.options[i].value == tinyMCE.getWindowArg('align'))
  40                  document.forms[0].align.options.selectedIndex = i;
  41          }
  42  
  43          formObj.src.value = tinyMCE.getWindowArg('src');
  44          formObj.alt.value = tinyMCE.getWindowArg('alt');
  45          formObj.border.value = tinyMCE.getWindowArg('border');
  46          formObj.vspace.value = tinyMCE.getWindowArg('vspace');
  47          formObj.hspace.value = tinyMCE.getWindowArg('hspace');
  48          formObj.width.value = tinyMCE.getWindowArg('width');
  49          formObj.height.value = tinyMCE.getWindowArg('height');
  50          formObj.insert.value = tinyMCE.getLang('lang_' + tinyMCE.getWindowArg('action'), 'Insert', true); 
  51  
  52          // Handle file browser
  53          if (tinyMCE.getParam("file_browser_callback") != null) {
  54              document.getElementById('src').style.width = '180px';
  55  
  56              var html = '';
  57  
  58              html += '<img id="browserBtn" src="images/browse.gif"';
  59              html += ' onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');"';
  60              html += ' onmouseout="tinyMCE.restoreClass(this);"';
  61              html += ' onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');"';
  62              html += ' onclick="javascript:tinyMCE.openFileBrowser(\'src\',document.forms[0].src.value,\'image\',window);"';
  63              html += ' width="20" height="18" border="0" title="' + tinyMCE.getLang('lang_browse') + '"';
  64              html += ' class="mceButtonNormal" alt="' + tinyMCE.getLang('lang_browse') + '" />';
  65  
  66              document.getElementById('browser').innerHTML = html;
  67          }
  68  
  69          // Auto select image in list
  70          if (typeof(tinyMCEImageList) != "undefined" && tinyMCEImageList.length > 0) {
  71              for (var i=0; i<formObj.image_list.length; i++) {
  72                  if (formObj.image_list.options[i].value == tinyMCE.getWindowArg('src'))
  73                      formObj.image_list.options[i].selected = true;
  74              }
  75          }
  76  
  77          // Autoresize and focus
  78          TinyMCEPopup_autoResize();
  79          window.focus();
  80      }
  81  
  82  	function cancelAction() {
  83          top.close();
  84      }
  85  
  86      var preloadImg = new Image();
  87  
  88  	function resetImageData() {
  89          var formObj = document.forms[0];
  90          formObj.width.value = formObj.height.value = "";    
  91      }
  92  
  93  	function updateImageData() {
  94          var formObj = document.forms[0];
  95  
  96          if (formObj.width.value == "")
  97              formObj.width.value = preloadImg.width;
  98  
  99          if (formObj.height.value == "")
 100              formObj.height.value = preloadImg.height;
 101      }
 102  
 103  	function getImageData() {
 104          preloadImg = new Image();
 105          tinyMCE.addEvent(preloadImg, "load", updateImageData);
 106          tinyMCE.addEvent(preloadImg, "error", function () {var formObj = document.forms[0];formObj.width.value = formObj.height.value = "";});
 107          preloadImg.src = tinyMCE.convertRelativeToAbsoluteURL(tinyMCE.settings['base_href'], document.forms[0].src.value);
 108      }
 109  </script>
 110  </head>
 111  <body onload="window.focus();init();">
 112  <form onsubmit="insertImage();return false;">
 113    <table border="0" cellpadding="0" cellspacing="0" width="200">
 114      <tr>
 115        <td align="center" valign="middle"><table border="0" cellpadding="4" cellspacing="0">
 116            <tr>
 117              <td colspan="2" class="title" nowrap="nowrap">{$lang_insert_image_title}</td>
 118            </tr>
 119            <tr>
 120              <td nowrap="nowrap">{$lang_insert_image_src}:</td>
 121              <td><table border="0" cellspacing="0" cellpadding="0">
 122                  <tr>
 123                    <td><input name="src" type="text" id="src" value="" style="width: 200px" onchange="getImageData();"></td>
 124                    <td id="browser"></td>
 125                  </tr>
 126                </table></td>
 127            </tr>
 128            <!-- Image list -->
 129            <script language="javascript">
 130              if (typeof(tinyMCEImageList) != "undefined" && tinyMCEImageList.length > 0) {
 131                  var html = "";
 132  
 133                  html += '<tr><td>{$lang_image_list}:</td>';
 134                  html += '<td><select name="image_list" style="width: 200px" onchange="this.form.src.value=this.options[this.selectedIndex].value;resetImageData();getImageData();">';
 135                  html += '<option value="">---</option>';
 136  
 137                  for (var i=0; i<tinyMCEImageList.length; i++)
 138                      html += '<option value="' + tinyMCEImageList[i][1] + '">' + tinyMCEImageList[i][0] + '</option>';
 139  
 140                  html += '</select></td></tr>';
 141  
 142                  document.write(html);
 143              }
 144            </script>
 145            <!-- /Image list -->
 146            <tr>
 147              <td nowrap="nowrap">{$lang_insert_image_alt}:</td>
 148              <td><input name="alt" type="text" id="alt" value="" style="width: 200px"></td>
 149            </tr>
 150            <tr>
 151              <td nowrap="nowrap">{$lang_insert_image_align}:</td>
 152              <td><select name="align">
 153                  <option value="">{$lang_insert_image_align_default}</option>
 154                  <option value="baseline">{$lang_insert_image_align_baseline}</option>
 155                  <option value="top">{$lang_insert_image_align_top}</option>
 156                  <option value="middle">{$lang_insert_image_align_middle}</option>
 157                  <option value="bottom">{$lang_insert_image_align_bottom}</option>
 158                  <option value="texttop">{$lang_insert_image_align_texttop}</option>
 159                  <option value="absmiddle">{$lang_insert_image_align_absmiddle}</option>
 160                  <option value="absbottom">{$lang_insert_image_align_absbottom}</option>
 161                  <option value="left">{$lang_insert_image_align_left}</option>
 162                  <option value="right">{$lang_insert_image_align_right}</option>
 163                </select></td>
 164            </tr>
 165            <tr>
 166              <td nowrap="nowrap">{$lang_insert_image_dimensions}:</td>
 167              <td><input name="width" type="text" id="width" value="" size="3" maxlength="3">
 168                x
 169                <input name="height" type="text" id="height" value="" size="3" maxlength="3"></td>
 170            </tr>
 171            <tr>
 172              <td nowrap="nowrap">{$lang_insert_image_border}:</td>
 173              <td><input name="border" type="text" id="border" value="" size="3" maxlength="3"></td>
 174            </tr>
 175            <tr>
 176              <td nowrap="nowrap">{$lang_insert_image_vspace}:</td>
 177              <td><input name="vspace" type="text" id="vspace" value="" size="3" maxlength="3"></td>
 178            </tr>
 179            <tr>
 180              <td nowrap="nowrap">{$lang_insert_image_hspace}:</td>
 181              <td><input name="hspace" type="text" id="hspace" value="" size="3" maxlength="3"></td>
 182            </tr>
 183            <tr>
 184              <td nowrap="nowrap"><input type="button" id="insert" name="insert" value="{$lang_insert}" onclick="insertImage();">
 185              </td>
 186              <td align="right"><input type="button" id="cancel" name="cancel" value="{$lang_cancel}" onclick="cancelAction();"></td>
 187            </tr>
 188          </table></td>
 189      </tr>
 190    </table>
 191  </form>
 192  </body>
 193  </html>
Code source de eGroupWare 1.2.106-2

/phpgwapi/js/tinymce/jscripts/tiny_mce/themes/advanced/ -> image.htm (source)
