[Sommaire] [Imprimer]

   1  <!-- based on insimage.dlg -->

   2  

   3  <!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML 3.2//EN">

   4  <HTML  id=dlgImage STYLE="width: 432px; height: 194px; ">

   5  <HEAD>

   6  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

   7  <meta http-equiv="MSThemeCompatible" content="Yes">

   8  <TITLE>Insert Image</TITLE>

   9  <style>

  10    html, body, button, div, input, select, fieldset { font-family: MS Shell Dlg; font-size: 8pt; position: absolute; };

  11  </style>

  12  <SCRIPT defer>

  13  

  14  function _CloseOnEsc() {

  15    if (event.keyCode == 27) { window.close(); return; }

  16  }

  17  

  18  function _getTextRange(elm) {

  19    var r = elm.parentTextEdit.createTextRange();

  20    r.moveToElementText(elm);

  21    return r;

  22  }

  23  

  24  window.onerror = HandleError

  25  

  26  function HandleError(message, url, line) {

  27    var str = "An error has occurred in this dialog." + "\n\n"

  28    + "Error: " + line + "\n" + message;

  29    alert(str);

  30    window.close();

  31    return true;

  32  }

  33  

  34  function Init() {

  35    var elmSelectedImage;

  36    var htmlSelectionControl = "Control";

  37    var globalDoc = window.dialogArguments;

  38    var grngMaster = globalDoc.selection.createRange();

  39    

  40    // event handlers  


  41    document.body.onkeypress = _CloseOnEsc;

  42    btnOK.onclick = new Function("btnOKClick()");

  43  

  44    txtFileName.fImageLoaded = false;

  45    txtFileName.intImageWidth = 0;

  46    txtFileName.intImageHeight = 0;

  47  

  48    if (globalDoc.selection.type == htmlSelectionControl) {

  49      if (grngMaster.length == 1) {

  50        elmSelectedImage = grngMaster.item(0);

  51        if (elmSelectedImage.tagName == "IMG") {

  52          txtFileName.fImageLoaded = true;

  53          if (elmSelectedImage.src) {

  54            txtFileName.value          = elmSelectedImage.src.replace(/^[^*]*(\*\*\*)/, "$1");  // fix placeholder src values that editor converted to abs paths


  55            txtFileName.intImageHeight = elmSelectedImage.height;

  56            txtFileName.intImageWidth  = elmSelectedImage.width;

  57            txtVertical.value          = elmSelectedImage.vspace;

  58            txtHorizontal.value        = elmSelectedImage.hspace;

  59            txtBorder.value            = elmSelectedImage.border;

  60            txtAltText.value           = elmSelectedImage.alt;

  61            selAlignment.value         = elmSelectedImage.align;

  62          }

  63        }

  64      }

  65    }

  66    txtFileName.value = txtFileName.value || "http://";

  67    txtFileName.focus();

  68  }

  69  

  70  function _isValidNumber(txtBox) {

  71    var val = parseInt(txtBox);

  72    if (isNaN(val) || val < 0 || val > 999) { return false; }

  73    return true;

  74  }

  75  

  76  function btnOKClick() {

  77    var elmImage;

  78    var intAlignment;

  79    var htmlSelectionControl = "Control";

  80    var globalDoc = window.dialogArguments;

  81    var grngMaster = globalDoc.selection.createRange();

  82    

  83    // error checking


  84  

  85    if (!txtFileName.value || txtFileName.value == "http://") { 

  86      alert("Image URL must be specified.");

  87      txtFileName.focus();

  88      return;

  89    }

  90    if (txtHorizontal.value && !_isValidNumber(txtHorizontal.value)) {

  91      alert("Horizontal spacing must be a number between 0 and 999.");

  92      txtHorizontal.focus();

  93      return;

  94    }

  95    if (txtBorder.value && !_isValidNumber(txtBorder.value)) {

  96      alert("Border thickness must be a number between 0 and 999.");

  97      txtBorder.focus();

  98      return;

  99    }

 100    if (txtVertical.value && !_isValidNumber(txtVertical.value)) {

 101      alert("Vertical spacing must be a number between 0 and 999.");

 102      txtVertical.focus();

 103      return;

 104    }

 105  

 106    // delete selected content and replace with image


 107    if (globalDoc.selection.type == htmlSelectionControl && !txtFileName.fImageLoaded) {

 108      grngMaster.execCommand('Delete');

 109      grngMaster = globalDoc.selection.createRange();

 110    }

 111      

 112    idstr = "\" id=\"556e697175657e537472696e67";     // new image creation ID


 113    if (!txtFileName.fImageLoaded) {

 114      grngMaster.execCommand("InsertImage", false, idstr);

 115      elmImage = globalDoc.all['556e697175657e537472696e67'];

 116      elmImage.removeAttribute("id");

 117      elmImage.removeAttribute("src");

 118      grngMaster.moveStart("character", -1);

 119    } else {

 120      elmImage = grngMaster.item(0);

 121      if (elmImage.src != txtFileName.value) {

 122        grngMaster.execCommand('Delete');

 123        grngMaster = globalDoc.selection.createRange();

 124        grngMaster.execCommand("InsertImage", false, idstr);

 125        elmImage = globalDoc.all['556e697175657e537472696e67'];

 126        elmImage.removeAttribute("id");

 127        elmImage.removeAttribute("src");

 128        grngMaster.moveStart("character", -1);

 129        txtFileName.fImageLoaded = false;

 130      }

 131      grngMaster = _getTextRange(elmImage);

 132    }

 133  

 134    if (txtFileName.fImageLoaded) {

 135      elmImage.style.width = txtFileName.intImageWidth;

 136      elmImage.style.height = txtFileName.intImageHeight;

 137    }

 138  

 139    if (txtFileName.value.length > 2040) {

 140      txtFileName.value = txtFileName.value.substring(0,2040);

 141    }

 142    

 143    elmImage.src = txtFileName.value;

 144    

 145    if (txtHorizontal.value != "") { elmImage.hspace = parseInt(txtHorizontal.value); }

 146    else                           { elmImage.hspace = 0; }

 147  

 148    if (txtVertical.value != "") { elmImage.vspace = parseInt(txtVertical.value); }

 149    else                         { elmImage.vspace = 0; }

 150    

 151    elmImage.alt = txtAltText.value;

 152  

 153    if (txtBorder.value != "") { elmImage.border = parseInt(txtBorder.value); }

 154    else                       { elmImage.border = 0; }

 155  

 156    elmImage.align = selAlignment.value;

 157    grngMaster.collapse(false);

 158    grngMaster.select();

 159    window.close();

 160  }

 161  </SCRIPT>

 162  </HEAD>

 163  <BODY id=bdy onload="Init()" style="background: threedface; color: windowtext;" scroll=no>

 164  

 165  <DIV id=divFileName style="left: 0.98em; top: 1.2168em; width: 7em; height: 1.2168em; ">Image URL:</DIV>

 166  <INPUT ID=txtFileName type=text style="left: 8.54em; top: 1.0647em; width: 21.5em;height: 2.1294em; " tabIndex=10 onfocus="select()">

 167  

 168  <DIV id=divAltText style="left: 0.98em; top: 4.1067em; width: 6.58em; height: 1.2168em; ">Alternate Text:</DIV>

 169  <INPUT type=text ID=txtAltText tabIndex=15 style="left: 8.54em; top: 3.8025em; width: 21.5em; height: 2.1294em; " onfocus="select()">

 170  

 171  <FIELDSET id=fldLayout style="left: .9em; top: 7.1em; width: 17.08em; height: 7.6em;">

 172  <LEGEND id=lgdLayout>Layout</LEGEND>

 173  </FIELDSET>

 174  

 175  <FIELDSET id=fldSpacing style="left: 18.9em; top: 7.1em; width: 11em; height: 7.6em;">

 176  <LEGEND id=lgdSpacing>Spacing</LEGEND>

 177  </FIELDSET>

 178  

 179  <DIV id=divAlign style="left: 1.82em; top: 9.126em; width: 4.76em; height: 1.2168em; ">Alignment:</DIV>

 180  <SELECT size=1 ID=selAlignment tabIndex=20 style="left: 10.36em; top: 8.8218em; width: 6.72em; height: 1.2168em; ">

 181  <OPTION id=optNotSet value=""> Not set </OPTION>

 182  <OPTION id=optLeft value=left> Left </OPTION>

 183  <OPTION id=optRight value=right> Right </OPTION>

 184  <OPTION id=optTexttop value=textTop> Texttop </OPTION>

 185  <OPTION id=optAbsMiddle value=absMiddle> Absmiddle </OPTION>

 186  <OPTION id=optBaseline value=baseline SELECTED> Baseline </OPTION>

 187  <OPTION id=optAbsBottom value=absBottom> Absbottom </OPTION>

 188  <OPTION id=optBottom value=bottom> Bottom </OPTION>

 189  <OPTION id=optMiddle value=middle> Middle </OPTION>

 190  <OPTION id=optTop value=top> Top </OPTION>

 191  </SELECT>

 192  

 193  <DIV id=divHoriz style="left: 19.88em; top: 9.126em; width: 4.76em; height: 1.2168em; ">Horizontal:</DIV>

 194  <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()">

 195  

 196  <DIV id=divBorder style="left: 1.82em; top: 12.0159em; width: 8.12em; height: 1.2168em; ">Border Thickness:</DIV>

 197  <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()">

 198  

 199  <DIV id=divVert style="left: 19.88em; top: 12.0159em; width: 3.64em; height: 1.2168em; ">Vertical:</DIV>

 200  <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()">

 201  

 202  <BUTTON ID=btnOK style="left: 31.36em; top: 1.0647em; width: 7em; height: 2.2em; " type=submit tabIndex=40>OK</BUTTON>

 203  <BUTTON ID=btnCancel style="left: 31.36em; top: 3.6504em; width: 7em; height: 2.2em; " type=reset tabIndex=45 onClick="window.close();">Cancel</BUTTON>

 204  

 205  </BODY>

 206  </HTML>