[Sommaire] [Imprimer]

   1  <!-- based on insimage.dlg -->
   2  
   3  
   4  
   5  <!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML 3.2//EN">
   6  
   7  <HTML  id=dlgImage STYLE="width: 432px; height: 194px; ">
   8  
   9  <HEAD>
  10  
  11  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  12  
  13  <meta http-equiv="MSThemeCompatible" content="Yes">
  14  
  15  <TITLE>Insert Image</TITLE>
  16  
  17  <style>
  18  
  19    html, body, button, div, input, select, fieldset { font-family: MS Shell Dlg; font-size: 8pt; position: absolute; };
  20  
  21  </style>
  22  
  23  <SCRIPT defer>
  24  
  25  
  26  
  27  function _CloseOnEsc() {
  28  
  29    if (event.keyCode == 27) { window.close(); return; }
  30  
  31  }
  32  
  33  
  34  
  35  function _getTextRange(elm) {
  36  
  37    var r = elm.parentTextEdit.createTextRange();
  38  
  39    r.moveToElementText(elm);
  40  
  41    return r;
  42  
  43  }
  44  
  45  
  46  
  47  window.onerror = HandleError
  48  
  49  
  50  
  51  function HandleError(message, url, line) {
  52  
  53    var str = "An error has occurred in this dialog." + "\n\n"
  54  
  55    + "Error: " + line + "\n" + message;
  56  
  57    alert(str);
  58  
  59    window.close();
  60  
  61    return true;
  62  
  63  }
  64  
  65  
  66  
  67  function Init() {
  68  
  69    var elmSelectedImage;
  70  
  71    var htmlSelectionControl = "Control";
  72  
  73    var globalDoc = window.dialogArguments;
  74  
  75    var grngMaster = globalDoc.selection.createRange();
  76  
  77    
  78  
  79    // event handlers  
  80  
  81    document.body.onkeypress = _CloseOnEsc;
  82  
  83    btnOK.onclick = new Function("btnOKClick()");
  84  
  85  
  86  
  87    txtFileName.fImageLoaded = false;
  88  
  89    txtFileName.intImageWidth = 0;
  90  
  91    txtFileName.intImageHeight = 0;
  92  
  93  
  94  
  95    if (globalDoc.selection.type == htmlSelectionControl) {
  96  
  97      if (grngMaster.length == 1) {
  98  
  99        elmSelectedImage = grngMaster.item(0);
 100  
 101        if (elmSelectedImage.tagName == "IMG") {
 102  
 103          txtFileName.fImageLoaded = true;
 104  
 105          if (elmSelectedImage.src) {
 106  
 107            txtFileName.value          = elmSelectedImage.src.replace(/^[^*]*(\*\*\*)/, "$1");  // fix placeholder src values that editor converted to abs paths
 108  
 109            txtFileName.intImageHeight = elmSelectedImage.height;
 110  
 111            txtFileName.intImageWidth  = elmSelectedImage.width;
 112  
 113            txtVertical.value          = elmSelectedImage.vspace;
 114  
 115            txtHorizontal.value        = elmSelectedImage.hspace;
 116  
 117            txtBorder.value            = elmSelectedImage.border;
 118  
 119            txtAltText.value           = elmSelectedImage.alt;
 120  
 121            selAlignment.value         = elmSelectedImage.align;
 122  
 123          }
 124  
 125        }
 126  
 127      }
 128  
 129    }
 130  
 131    txtFileName.value = txtFileName.value || "http://";
 132  
 133    txtFileName.focus();
 134  
 135  }
 136  
 137  
 138  
 139  function _isValidNumber(txtBox) {
 140  
 141    var val = parseInt(txtBox);
 142  
 143    if (isNaN(val) || val < 0 || val > 999) { return false; }
 144  
 145    return true;
 146  
 147  }
 148  
 149  
 150  
 151  function btnOKClick() {
 152  
 153    var elmImage;
 154  
 155    var intAlignment;
 156  
 157    var htmlSelectionControl = "Control";
 158  
 159    var globalDoc = window.dialogArguments;
 160  
 161    var grngMaster = globalDoc.selection.createRange();
 162  
 163    
 164  
 165    // error checking
 166  
 167  
 168  
 169    if (!txtFileName.value || txtFileName.value == "http://") { 
 170  
 171      alert("Image URL must be specified.");
 172  
 173      txtFileName.focus();
 174  
 175      return;
 176  
 177    }
 178  
 179    if (txtHorizontal.value && !_isValidNumber(txtHorizontal.value)) {
 180  
 181      alert("Horizontal spacing must be a number between 0 and 999.");
 182  
 183      txtHorizontal.focus();
 184  
 185      return;
 186  
 187    }
 188  
 189    if (txtBorder.value && !_isValidNumber(txtBorder.value)) {
 190  
 191      alert("Border thickness must be a number between 0 and 999.");
 192  
 193      txtBorder.focus();
 194  
 195      return;
 196  
 197    }
 198  
 199    if (txtVertical.value && !_isValidNumber(txtVertical.value)) {
 200  
 201      alert("Vertical spacing must be a number between 0 and 999.");
 202  
 203      txtVertical.focus();
 204  
 205      return;
 206  
 207    }
 208  
 209  
 210  
 211    // delete selected content and replace with image
 212  
 213    if (globalDoc.selection.type == htmlSelectionControl && !txtFileName.fImageLoaded) {
 214  
 215      grngMaster.execCommand('Delete');
 216  
 217      grngMaster = globalDoc.selection.createRange();
 218  
 219    }
 220  
 221      
 222  
 223    idstr = "\" id=\"556e697175657e537472696e67";     // new image creation ID
 224  
 225    if (!txtFileName.fImageLoaded) {
 226  
 227      grngMaster.execCommand("InsertImage", false, idstr);
 228  
 229      elmImage = globalDoc.all['556e697175657e537472696e67'];
 230  
 231      elmImage.removeAttribute("id");
 232  
 233      elmImage.removeAttribute("src");
 234  
 235      grngMaster.moveStart("character", -1);
 236  
 237    } else {
 238  
 239      elmImage = grngMaster.item(0);
 240  
 241      if (elmImage.src != txtFileName.value) {
 242  
 243        grngMaster.execCommand('Delete');
 244  
 245        grngMaster = globalDoc.selection.createRange();
 246  
 247        grngMaster.execCommand("InsertImage", false, idstr);
 248  
 249        elmImage = globalDoc.all['556e697175657e537472696e67'];
 250  
 251        elmImage.removeAttribute("id");
 252  
 253        elmImage.removeAttribute("src");
 254  
 255        grngMaster.moveStart("character", -1);
 256  
 257        txtFileName.fImageLoaded = false;
 258  
 259      }
 260  
 261      grngMaster = _getTextRange(elmImage);
 262  
 263    }
 264  
 265  
 266  
 267    if (txtFileName.fImageLoaded) {
 268  
 269      elmImage.style.width = txtFileName.intImageWidth;
 270  
 271      elmImage.style.height = txtFileName.intImageHeight;
 272  
 273    }
 274  
 275  
 276  
 277    if (txtFileName.value.length > 2040) {
 278  
 279      txtFileName.value = txtFileName.value.substring(0,2040);
 280  
 281    }
 282  
 283    
 284  
 285    elmImage.src = txtFileName.value;
 286  
 287    
 288  
 289    if (txtHorizontal.value != "") { elmImage.hspace = parseInt(txtHorizontal.value); }
 290  
 291    else                           { elmImage.hspace = 0; }
 292  
 293  
 294  
 295    if (txtVertical.value != "") { elmImage.vspace = parseInt(txtVertical.value); }
 296  
 297    else                         { elmImage.vspace = 0; }
 298  
 299    
 300  
 301    elmImage.alt = txtAltText.value;
 302  
 303  
 304  
 305    if (txtBorder.value != "") { elmImage.border = parseInt(txtBorder.value); }
 306  
 307    else                       { elmImage.border = 0; }
 308  
 309  
 310  
 311    elmImage.align = selAlignment.value;
 312  
 313    grngMaster.collapse(false);
 314  
 315    grngMaster.select();
 316  
 317    window.close();
 318  
 319  }
 320  
 321  </SCRIPT>
 322  
 323  </HEAD>
 324  
 325  <BODY id=bdy onload="Init()" style="background: threedface; color: windowtext;" scroll=no>
 326  
 327  
 328  
 329  <DIV id=divFileName style="left: 0.98em; top: 1.2168em; width: 7em; height: 1.2168em; ">Image URL:</DIV>
 330  
 331  <INPUT ID=txtFileName type=text style="left: 8.54em; top: 1.0647em; width: 21.5em;height: 2.1294em; " tabIndex=10 onfocus="select()">
 332  
 333  
 334  
 335  <DIV id=divAltText style="left: 0.98em; top: 4.1067em; width: 6.58em; height: 1.2168em; ">Alternate Text:</DIV>
 336  
 337  <INPUT type=text ID=txtAltText tabIndex=15 style="left: 8.54em; top: 3.8025em; width: 21.5em; height: 2.1294em; " onfocus="select()">
 338  
 339  
 340  
 341  <FIELDSET id=fldLayout style="left: .9em; top: 7.1em; width: 17.08em; height: 7.6em;">
 342  
 343  <LEGEND id=lgdLayout>Layout</LEGEND>
 344  
 345  </FIELDSET>
 346  
 347  
 348  
 349  <FIELDSET id=fldSpacing style="left: 18.9em; top: 7.1em; width: 11em; height: 7.6em;">
 350  
 351  <LEGEND id=lgdSpacing>Spacing</LEGEND>
 352  
 353  </FIELDSET>
 354  
 355  
 356  
 357  <DIV id=divAlign style="left: 1.82em; top: 9.126em; width: 4.76em; height: 1.2168em; ">Alignment:</DIV>
 358  
 359  <SELECT size=1 ID=selAlignment tabIndex=20 style="left: 10.36em; top: 8.8218em; width: 6.72em; height: 1.2168em; ">
 360  
 361  <OPTION id=optNotSet value=""> Not set </OPTION>
 362  
 363  <OPTION id=optLeft value=left> Left </OPTION>
 364  
 365  <OPTION id=optRight value=right> Right </OPTION>
 366  
 367  <OPTION id=optTexttop value=textTop> Texttop </OPTION>
 368  
 369  <OPTION id=optAbsMiddle value=absMiddle> Absmiddle </OPTION>
 370  
 371  <OPTION id=optBaseline value=baseline SELECTED> Baseline </OPTION>
 372  
 373  <OPTION id=optAbsBottom value=absBottom> Absbottom </OPTION>
 374  
 375  <OPTION id=optBottom value=bottom> Bottom </OPTION>
 376  
 377  <OPTION id=optMiddle value=middle> Middle </OPTION>
 378  
 379  <OPTION id=optTop value=top> Top </OPTION>
 380  
 381  </SELECT>
 382  
 383  
 384  
 385  <DIV id=divHoriz style="left: 19.88em; top: 9.126em; width: 4.76em; height: 1.2168em; ">Horizontal:</DIV>
 386  
 387  <INPUT ID=txtHorizontal style="left: 24.92em; top: 8.8218em; width: 4.2em; height: 2.1294em; ime-mode: disabled;" type=text size=3 maxlength=3 value="" tabIndex=25 onfocus="select()">
 388  
 389  
 390  
 391  <DIV id=divBorder style="left: 1.82em; top: 12.0159em; width: 8.12em; height: 1.2168em; ">Border Thickness:</DIV>
 392  
 393  <INPUT ID=txtBorder style="left: 10.36em; top: 11.5596em; width: 6.72em; height: 2.1294em; ime-mode: disabled;" type=text size=3 maxlength=3 value="" tabIndex=21 onfocus="select()">
 394  
 395  
 396  
 397  <DIV id=divVert style="left: 19.88em; top: 12.0159em; width: 3.64em; height: 1.2168em; ">Vertical:</DIV>
 398  
 399  <INPUT ID=txtVertical style="left: 24.92em; top: 11.5596em; width: 4.2em; height: 2.1294em; ime-mode: disabled;" type=text size=3 maxlength=3 value="" tabIndex=30 onfocus="select()">
 400  
 401  
 402  
 403  <BUTTON ID=btnOK style="left: 31.36em; top: 1.0647em; width: 7em; height: 2.2em; " type=submit tabIndex=40>OK</BUTTON>
 404  
 405  <BUTTON ID=btnCancel style="left: 31.36em; top: 3.6504em; width: 7em; height: 2.2em; " type=reset tabIndex=45 onClick="window.close();">Cancel</BUTTON>
 406  
 407  
 408  
 409  </BODY>
 410  
 411  </HTML>