home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 April / CMCD0404.ISO / Software / Complet / thunderbird / chrome / mail.jar / content / editor / EdImageOverlay.js < prev    next >
Encoding:
JavaScript  |  2003-09-14  |  20.7 KB  |  625 lines
  1. /*
  2.  * The contents of this file are subject to the Netscape Public
  3.  * License Version 1.1 (the "License"); you may not use this file
  4.  * except in compliance with the License. You may obtain a copy of
  5.  * the License at http://www.mozilla.org/NPL/
  6.  *
  7.  * Software distributed under the License is distributed on an "AS
  8.  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  9.  * implied. See the License for the specific language governing
  10.  * rights and limitations under the License.
  11.  *
  12.  * The Original Code is Editor Image Properties Overlay.
  13.  *
  14.  * The Initial Developer of the Original Code is Netscape
  15.  * Communications Corporation. Portions created by Netscape are
  16.  * Copyright (C) 1998-1999 Netscape Communications Corporation. All
  17.  * Rights Reserved.
  18.  *
  19.  * Contributor(s):
  20.  *   Pete Collins
  21.  *   Brian King
  22.  *   Ben Goodger
  23.  *   Neil Rashbrook <neil@parkwaycc.co.uk> (Separated from EdImageProps.js)
  24.  */
  25.  
  26. /*
  27.  Note: We encourage non-empty alt text for images inserted into a page. 
  28.  When there's no alt text, we always write 'alt=""' as the attribute, since "alt" is a required attribute.
  29.  We allow users to not have alt text by checking a "Don't use alterate text" radio button,
  30.  and we don't accept spaces as valid alt text. A space used to be required to avoid the error message
  31.  if user didn't enter alt text, but is uneccessary now that we no longer annoy the user 
  32.  with the error dialog if alt="" is present on an img element.
  33.  We trim all spaces at the beginning and end of user's alt text
  34. */
  35.  
  36. var gInsertNewImage = true;
  37. var gInsertNewIMap = true;
  38. var gDoAltTextError = false;
  39. var gConstrainOn = false;
  40. // Note used in current version, but these are set correctly
  41. //  and could be used to reset width and height used for constrain ratio
  42. var gConstrainWidth  = 0;
  43. var gConstrainHeight = 0;
  44. var imageElement;
  45. var gImageMap = 0;
  46. var gCanRemoveImageMap = false;
  47. var gRemoveImageMap = false;
  48. var gImageMapDisabled = false;
  49. var gActualWidth = "";
  50. var gActualHeight = "";
  51. var gOriginalSrc = "";
  52. var gHaveDocumentUrl = false;
  53. var gTimerID;
  54. var gValidateTab;
  55.  
  56. // These must correspond to values in EditorDialog.css for each theme
  57. // (unfortunately, setting "style" attribute here doesn't work!)
  58. var gPreviewImageWidth = 80;
  59. var gPreviewImageHeight = 50;
  60.  
  61. // dialog initialization code
  62.  
  63. function ImageStartup()
  64. {
  65.   gDialog.tabBox            = document.getElementById( "TabBox" );
  66.   gDialog.tabLocation       = document.getElementById( "imageLocationTab" );
  67.   gDialog.tabDimensions     = document.getElementById( "imageDimensionsTab" );
  68.   gDialog.tabBorder         = document.getElementById( "imageBorderTab" );
  69.   gDialog.srcInput          = document.getElementById( "srcInput" );
  70.   gDialog.titleInput        = document.getElementById( "titleInput" );
  71.   gDialog.altTextInput      = document.getElementById( "altTextInput" );
  72.   gDialog.altTextRadioGroup = document.getElementById( "altTextRadioGroup" );
  73.   gDialog.altTextRadio      = document.getElementById( "altTextRadio" );
  74.   gDialog.noAltTextRadio    = document.getElementById( "noAltTextRadio" );
  75.   gDialog.customSizeRadio   = document.getElementById( "customSizeRadio" );
  76.   gDialog.actualSizeRadio   = document.getElementById( "actualSizeRadio" );
  77.   gDialog.constrainCheckbox = document.getElementById( "constrainCheckbox" );
  78.   gDialog.widthInput        = document.getElementById( "widthInput" );
  79.   gDialog.heightInput       = document.getElementById( "heightInput" );
  80.   gDialog.widthUnitsMenulist   = document.getElementById( "widthUnitsMenulist" );
  81.   gDialog.heightUnitsMenulist  = document.getElementById( "heightUnitsMenulist" );
  82.   gDialog.imagelrInput      = document.getElementById( "imageleftrightInput" );
  83.   gDialog.imagetbInput      = document.getElementById( "imagetopbottomInput" );
  84.   gDialog.border            = document.getElementById( "border" );
  85.   gDialog.alignTypeSelect   = document.getElementById( "alignTypeSelect" );
  86.   gDialog.ImageHolder       = document.getElementById( "preview-image-holder" );
  87.   gDialog.PreviewWidth      = document.getElementById( "PreviewWidth" );
  88.   gDialog.PreviewHeight     = document.getElementById( "PreviewHeight" );
  89.   gDialog.PreviewSize       = document.getElementById( "PreviewSize" );
  90.   gDialog.PreviewImage      = null;
  91.   gDialog.OkButton          = document.documentElement.getButton("accept");
  92. }
  93.  
  94. // Set dialog widgets with attribute data
  95. // We get them from globalElement copy so this can be used
  96. //   by AdvancedEdit(), which is shared by all property dialogs
  97. function InitImage()
  98. {
  99.   // Set the controls to the image's attributes
  100.   gDialog.srcInput.value = globalElement.getAttribute("src");
  101.  
  102.   // Set "Relativize" checkbox according to current URL state
  103.   SetRelativeCheckbox();
  104.  
  105.   // Force loading of image from its source and show preview image
  106.   LoadPreviewImage();
  107.  
  108.   if (globalElement.hasAttribute("title"))
  109.     gDialog.titleInput.value = globalElement.getAttribute("title");
  110.  
  111.   var hasAltText = globalElement.hasAttribute("alt");
  112.   var altText;
  113.   if (hasAltText)
  114.   {
  115.     altText = globalElement.getAttribute("alt");
  116.     gDialog.altTextInput.value = altText;
  117.   }
  118.  
  119.   // Initialize altText widgets during dialog startup 
  120.   //   or if user enterred altText in Advanced Edit dialog
  121.   //  (this preserves "Don't use alt text" radio button state)
  122.   if (!gDialog.altTextRadioGroup.selectedItem || altText)
  123.   {
  124.     if (gInsertNewImage || !hasAltText || (hasAltText && gDialog.altTextInput.value))
  125.     {
  126.       SetAltTextDisabled(false);
  127.       gDialog.altTextRadioGroup.selectedItem = gDialog.altTextRadio;
  128.     }
  129.     else
  130.     {
  131.       SetAltTextDisabled(true);
  132.       gDialog.altTextRadioGroup.selectedItem = gDialog.noAltTextRadio;
  133.     }
  134.   }
  135.  
  136.   // setup the height and width widgets
  137.   var width = InitPixelOrPercentMenulist(globalElement,
  138.                     gInsertNewImage ? null : imageElement,
  139.                     "width", "widthUnitsMenulist", gPixel);
  140.   var height = InitPixelOrPercentMenulist(globalElement,
  141.                     gInsertNewImage ? null : imageElement,
  142.                     "height", "heightUnitsMenulist", gPixel);
  143.  
  144.   // Set actual radio button if both set values are the same as actual
  145.   SetSizeWidgets(width, height);
  146.  
  147.   gDialog.widthInput.value  = gConstrainWidth = width ? width : (gActualWidth ? gActualWidth : "");
  148.   gDialog.heightInput.value = gConstrainHeight = height ? height : (gActualHeight ? gActualHeight : "");
  149.  
  150.   // set spacing editfields
  151.   gDialog.imagelrInput.value = globalElement.getAttribute("hspace");
  152.   gDialog.imagetbInput.value = globalElement.getAttribute("vspace");
  153.  
  154.   // dialog.border.value       = globalElement.getAttribute("border");
  155.   var bv = GetHTMLOrCSSStyleValue(globalElement, "border", "border-top-width");
  156.   if (/px/.test(bv))
  157.   {
  158.     // Strip out the px
  159.     bv = RegExp.leftContext;
  160.   }
  161.   else if (bv == "thin")
  162.   {
  163.     bv = "1";
  164.   }
  165.   else if (bv == "medium")
  166.   {
  167.     bv = "3";
  168.   }
  169.   else if (bv == "thick")
  170.   {
  171.     bv = "5";
  172.   }
  173.   gDialog.border.value = bv;
  174.  
  175.   // Get alignment setting
  176.   var align = globalElement.getAttribute("align");
  177.   if (align)
  178.     align = align.toLowerCase();
  179.  
  180.   var imgClass;
  181.   var textID;
  182.  
  183.   switch ( align )
  184.   {
  185.     case "top":
  186.     case "middle":
  187.     case "right":
  188.     case "left":
  189.       gDialog.alignTypeSelect.value = align;
  190.       break;
  191.     default:  // Default or "bottom"
  192.       gDialog.alignTypeSelect.value = "bottom";
  193.   }
  194.  
  195.   // Get image map for image
  196.   gImageMap = GetImageMap();
  197.  
  198.   doOverallEnabling();
  199.   doDimensionEnabling();
  200. }
  201.  
  202. function  SetSizeWidgets(width, height)
  203. {
  204.   if (!(width || height) || (gActualWidth && gActualHeight && width == gActualWidth && height == gActualHeight))
  205.     gDialog.actualSizeRadio.radioGroup.selectedItem = gDialog.actualSizeRadio;
  206.  
  207.   if (!gDialog.actualSizeRadio.selected)
  208.   {
  209.     gDialog.actualSizeRadio.radioGroup.selectedItem = gDialog.customSizeRadio;
  210.  
  211.     // Decide if user's sizes are in the same ratio as actual sizes
  212.     if (gActualWidth && gActualHeight)
  213.     {
  214.       if (gActualWidth > gActualHeight)
  215.         gDialog.constrainCheckbox.checked = (Math.round(gActualHeight * width / gActualWidth) == height);
  216.       else
  217.         gDialog.constrainCheckbox.checked = (Math.round(gActualWidth * height / gActualHeight) == width);
  218.     }
  219.   }
  220. }
  221.  
  222. // Disable alt text input when "Don't use alt" radio is checked
  223. function SetAltTextDisabled(disable)
  224. {
  225.   gDialog.altTextInput.disabled = disable;
  226. }
  227.  
  228. function GetImageMap()
  229. {
  230.   var usemap = globalElement.getAttribute("usemap");
  231.   if (usemap)
  232.   {
  233.     gCanRemoveImageMap = true;
  234.     var mapname = usemap.substring(1, usemap.length);
  235.     var mapCollection;
  236.     try {
  237.       mapCollection = GetCurrentEditor().document.getElementsByName(mapname);
  238.     } catch (e) {}
  239.     if (mapCollection && mapCollection[0] != null)
  240.     {
  241.       gInsertNewIMap = false;
  242.       return mapCollection[0];
  243.     }
  244.   }
  245.   else
  246.   {
  247.     gCanRemoveImageMap = false;
  248.   }
  249.  
  250.   gInsertNewIMap = true;
  251.   return null;
  252. }
  253.  
  254. function chooseFile()
  255. {
  256.   if (gTimerID)
  257.     clearTimeout(gTimerID);
  258.   // Get a local file, converted into URL format
  259.   var fileName = GetLocalFileURL("img");
  260.   if (fileName)
  261.   {
  262.     // Always try to relativize local file URLs
  263.     if (gHaveDocumentUrl)
  264.       fileName = MakeRelativeUrl(fileName);
  265.  
  266.     gDialog.srcInput.value = fileName;
  267.  
  268.     SetRelativeCheckbox();
  269.     doOverallEnabling();
  270.   }
  271.   LoadPreviewImage();
  272.  
  273.   // Put focus into the input field
  274.   SetTextboxFocus(gDialog.srcInput);
  275. }
  276.  
  277. function PreviewImageLoaded()
  278. {
  279.   if (gDialog.PreviewImage)
  280.   {
  281.     // Image loading has completed -- we can get actual width
  282.     gActualWidth  = gDialog.PreviewImage.naturalWidth;
  283.     gActualHeight = gDialog.PreviewImage.naturalHeight;
  284.  
  285.     if (gActualWidth && gActualHeight)
  286.     {
  287.       // Use actual size or scale to fit preview if either dimension is too large
  288.       var width = gActualWidth;
  289.       var height = gActualHeight;
  290.       if (gActualWidth > gPreviewImageWidth)
  291.       {
  292.           width = gPreviewImageWidth;
  293.           height = gActualHeight * (gPreviewImageWidth / gActualWidth);
  294.       }
  295.       if (height > gPreviewImageHeight)
  296.       {
  297.         height = gPreviewImageHeight;
  298.         width = gActualWidth * (gPreviewImageHeight / gActualHeight);
  299.       }
  300.       gDialog.PreviewImage.width = width;
  301.       gDialog.PreviewImage.height = height;
  302.  
  303.       gDialog.PreviewWidth.setAttribute("value", gActualWidth);
  304.       gDialog.PreviewHeight.setAttribute("value", gActualHeight);
  305.  
  306.       gDialog.PreviewSize.collapsed = false;
  307.       gDialog.ImageHolder.collapsed = false;
  308.  
  309.       SetSizeWidgets(gDialog.widthInput.value, gDialog.heightInput.value);
  310.     }
  311.  
  312.     if (gDialog.actualSizeRadio.selected)
  313.       SetActualSize();
  314.   }
  315. }
  316.  
  317. function LoadPreviewImage()
  318. {
  319.   gDialog.PreviewSize.collapsed = true;
  320.  
  321.   var imageSrc = TrimString(gDialog.srcInput.value);
  322.   if (!imageSrc)
  323.     return;
  324.  
  325.   try {
  326.     // Remove the image URL from image cache so it loads fresh
  327.     //  (if we don't do this, loads after the first will always use image cache
  328.     //   and we won't see image edit changes or be able to get actual width and height)
  329.     
  330.     var IOService = GetIOService();
  331.     if (IOService)
  332.     {
  333.       // We must have an absolute URL to preview it or remove it from the cache
  334.       imageSrc = MakeAbsoluteUrl(imageSrc);
  335.  
  336.       if (GetScheme(imageSrc))
  337.       {
  338.         var uri = IOService.newURI(imageSrc, null, null);
  339.         if (uri)
  340.         {
  341.           var imgCacheService = Components.classes["@mozilla.org/image/cache;1"].getService();
  342.           var imgCache = imgCacheService.QueryInterface(Components.interfaces.imgICache);
  343.  
  344.           // This returns error if image wasn't in the cache; ignore that
  345.           imgCache.removeEntry(uri);
  346.         }
  347.       }
  348.     }
  349.   } catch(e) {}
  350.  
  351.   if (gDialog.PreviewImage)
  352.     removeEventListener("load", PreviewImageLoaded, true);
  353.  
  354.   if (gDialog.ImageHolder.firstChild)
  355.     gDialog.ImageHolder.removeChild(gDialog.ImageHolder.firstChild);
  356.     
  357.   gDialog.PreviewImage = document.createElementNS("http://www.w3.org/1999/xhtml", "html:img");
  358.   if (gDialog.PreviewImage)
  359.   {
  360.     // set the src before appending to the document -- see bug 198435 for why
  361.     // this is needed.
  362.     gDialog.PreviewImage.addEventListener("load", PreviewImageLoaded, true);
  363.     gDialog.PreviewImage.src = imageSrc;
  364.     gDialog.ImageHolder.appendChild(gDialog.PreviewImage);
  365.   }
  366. }
  367.  
  368. function SetActualSize()
  369. {
  370.   gDialog.widthInput.value = gActualWidth ? gActualWidth : "";
  371.   gDialog.widthUnitsMenulist.selectedIndex = 0;
  372.   gDialog.heightInput.value = gActualHeight ? gActualHeight : "";
  373.   gDialog.heightUnitsMenulist.selectedIndex = 0;
  374.   doDimensionEnabling();
  375. }
  376.  
  377. function ChangeImageSrc()
  378. {
  379.   if (gTimerID)
  380.     clearTimeout(gTimerID);
  381.  
  382.   gTimerID = setTimeout("LoadPreviewImage()", 800);
  383.  
  384.   SetRelativeCheckbox();
  385.   doOverallEnabling();
  386. }
  387.  
  388. function doDimensionEnabling()
  389. {
  390.   // Enabled only if "Custom" is selected
  391.   var enable = (gDialog.customSizeRadio.selected);
  392.  
  393.   // BUG 74145: After input field is disabled,
  394.   //   setting it enabled causes blinking caret to appear
  395.   //   even though focus isn't set to it.
  396.   SetElementEnabledById( "heightInput", enable );
  397.   SetElementEnabledById( "heightLabel", enable );
  398.   SetElementEnabledById( "heightUnitsMenulist", enable );
  399.  
  400.   SetElementEnabledById( "widthInput", enable );
  401.   SetElementEnabledById( "widthLabel", enable);
  402.   SetElementEnabledById( "widthUnitsMenulist", enable );
  403.  
  404.   var constrainEnable = enable
  405.          && ( gDialog.widthUnitsMenulist.selectedIndex == 0 )
  406.          && ( gDialog.heightUnitsMenulist.selectedIndex == 0 );
  407.  
  408.   SetElementEnabledById( "constrainCheckbox", constrainEnable );
  409. }
  410.  
  411. function doOverallEnabling()
  412. {
  413.   var enabled = TrimString(gDialog.srcInput.value) != "";
  414.  
  415.   SetElementEnabled(gDialog.OkButton, enabled);
  416.   SetElementEnabledById("AdvancedEditButton1", enabled);
  417.   SetElementEnabledById("imagemapLabel", enabled);
  418.  
  419.   //TODO: Restore when Image Map editor is finished
  420.   //SetElementEnabledById("editImageMap", enabled);
  421.   SetElementEnabledById("removeImageMap", gCanRemoveImageMap);
  422. }
  423.  
  424. function ToggleConstrain()
  425. {
  426.   // If just turned on, save the current width and height as basis for constrain ratio
  427.   // Thus clicking on/off lets user say "Use these values as aspect ration"
  428.   if (gDialog.constrainCheckbox.checked && !gDialog.constrainCheckbox.disabled
  429.      && (gDialog.widthUnitsMenulist.selectedIndex == 0)
  430.      && (gDialog.heightUnitsMenulist.selectedIndex == 0))
  431.   {
  432.     gConstrainWidth = Number(TrimString(gDialog.widthInput.value));
  433.     gConstrainHeight = Number(TrimString(gDialog.heightInput.value));
  434.   }
  435. }
  436.  
  437. function constrainProportions( srcID, destID )
  438. {
  439.   var srcElement = document.getElementById(srcID);
  440.   if (!srcElement)
  441.     return;
  442.  
  443.   var destElement = document.getElementById(destID);
  444.   if (!destElement)
  445.     return;
  446.  
  447.   // always force an integer (whether we are constraining or not)
  448.   forceInteger(srcID);
  449.  
  450.   if (!gActualWidth || !gActualHeight ||
  451.       !(gDialog.constrainCheckbox.checked && !gDialog.constrainCheckbox.disabled))
  452.     return;
  453.  
  454.   // double-check that neither width nor height is in percent mode; bail if so!
  455.   if ( (gDialog.widthUnitsMenulist.selectedIndex != 0)
  456.      || (gDialog.heightUnitsMenulist.selectedIndex != 0) )
  457.     return;
  458.  
  459.   // This always uses the actual width and height ratios
  460.   // which is kind of funky if you change one number without the constrain
  461.   // and then turn constrain on and change a number
  462.   // I prefer the old strategy (below) but I can see some merit to this solution
  463.   if (srcID == "widthInput")
  464.     destElement.value = Math.round( srcElement.value * gActualHeight / gActualWidth );
  465.   else
  466.     destElement.value = Math.round( srcElement.value * gActualWidth / gActualHeight );
  467.  
  468. /*
  469.   // With this strategy, the width and height ratio
  470.   //   can be reset to whatever the user entered.
  471.   if (srcID == "widthInput")
  472.     destElement.value = Math.round( srcElement.value * gConstrainHeight / gConstrainWidth );
  473.   else
  474.     destElement.value = Math.round( srcElement.value * gConstrainWidth / gConstrainHeight );
  475. */
  476. }
  477.  
  478. function editImageMap()
  479. {
  480.   // Create an imagemap for image map editor
  481.   if (gInsertNewIMap)
  482.   {
  483.     try {
  484.       gImageMap = GetCurrentEditor().createElementWithDefaults("map");
  485.     } catch (e) {}
  486.   }
  487.  
  488.   // Note: We no longer pass in a copy of the global ImageMap. ImageMap editor should create a copy and manage onOk and onCancel behavior
  489.   window.openDialog("chrome://editor/content/EdImageMap.xul", "_blank", "chrome,close,titlebar,modal", globalElement, gImageMap);
  490. }
  491.  
  492. function removeImageMap()
  493. {
  494.   gRemoveImageMap = true;
  495.   gCanRemoveImageMap = false;
  496.   SetElementEnabledById("removeImageMap", false);
  497. }
  498.  
  499. function SwitchToValidatePanel()
  500. {
  501.   if (gDialog.tabBox && gValidateTab && gDialog.tabBox.selectedTab != gValidateTab)
  502.     gDialog.tabBox.selectedTab = gValidateTab;
  503. }
  504.  
  505. // Get data from widgets, validate, and set for the global element
  506. //   accessible to AdvancedEdit() [in EdDialogCommon.js]
  507. function ValidateImage()
  508. {
  509.   var editor = GetCurrentEditor();
  510.   if (!editor)
  511.     return false;
  512.  
  513.   gValidateTab = gDialog.tabLocation;
  514.   if (!gDialog.srcInput.value)
  515.   {
  516.     AlertWithTitle(null, GetString("MissingImageError"));
  517.     SwitchToValidatePanel();
  518.     gDialog.srcInput.focus();
  519.     return false;
  520.   }
  521.  
  522.   //TODO: WE NEED TO DO SOME URL VALIDATION HERE, E.G.:
  523.   // We must convert to "file:///" or "http://" format else image doesn't load!
  524.   var src = TrimString(gDialog.srcInput.value);
  525.   globalElement.setAttribute("src", src);
  526.  
  527.   var title = TrimString(gDialog.titleInput.value);
  528.   if (title)
  529.     globalElement.setAttribute("title", title);
  530.   else
  531.     globalElement.removeAttribute("title");
  532.  
  533.   // Force user to enter Alt text only if "Alternate text" radio is checked
  534.   // Don't allow just spaces in alt text
  535.   var alt = "";
  536.   var useAlt = gDialog.altTextRadioGroup.selectedItem == gDialog.altTextRadio;
  537.   if (useAlt)
  538.     alt = TrimString(gDialog.altTextInput.value);
  539.  
  540.   if (gDoAltTextError && useAlt && !alt)
  541.   {
  542.     AlertWithTitle(null, GetString("NoAltText"));
  543.     SwitchToValidatePanel();
  544.     gDialog.altTextInput.focus();
  545.     return false;
  546.   }
  547.   globalElement.setAttribute("alt", alt);
  548.  
  549.   var width = "";
  550.   var height = "";
  551.  
  552.   gValidateTab = gDialog.tabDimensions;
  553.   if (!gDialog.actualSizeRadio.selected)
  554.   {
  555.     // Get user values for width and height
  556.     width = ValidateNumber(gDialog.widthInput, gDialog.widthUnitsMenulist, 1, gMaxPixels, 
  557.                            globalElement, "width", false, true);
  558.     if (gValidationError)
  559.       return false;
  560.  
  561.     height = ValidateNumber(gDialog.heightInput, gDialog.heightUnitsMenulist, 1, gMaxPixels, 
  562.                             globalElement, "height", false, true);
  563.     if (gValidationError)
  564.       return false;
  565.   }
  566.  
  567.   // We always set the width and height attributes, even if same as actual.
  568.   //  This speeds up layout of pages since sizes are known before image is loaded
  569.   if (!width)
  570.     width = gActualWidth;
  571.   if (!height)
  572.     height = gActualHeight;
  573.  
  574.   // Remove existing width and height only if source changed
  575.   //  and we couldn't obtain actual dimensions
  576.   var srcChanged = (src != gOriginalSrc);
  577.   if (width)
  578.     globalElement.setAttribute("width", width);
  579.   else if (srcChanged)
  580.     editor.removeAttributeOrEquivalent(globalElement, "width", true);
  581.  
  582.   if (height)
  583.     globalElement.setAttribute("height", height);
  584.   else if (srcChanged) 
  585.     editor.removeAttributeOrEquivalent(globalElement, "height", true);
  586.  
  587.   // spacing attributes
  588.   gValidateTab = gDialog.tabBorder;
  589.   ValidateNumber(gDialog.imagelrInput, null, 0, gMaxPixels, 
  590.                  globalElement, "hspace", false, true, true);
  591.   if (gValidationError)
  592.     return false;
  593.  
  594.   ValidateNumber(gDialog.imagetbInput, null, 0, gMaxPixels, 
  595.                  globalElement, "vspace", false, true);
  596.   if (gValidationError)
  597.     return false;
  598.  
  599.   // note this is deprecated and should be converted to stylesheets
  600.   ValidateNumber(gDialog.border, null, 0, gMaxPixels, 
  601.                  globalElement, "border", false, true);
  602.   if (gValidationError)
  603.     return false;
  604.  
  605.   // Default or setting "bottom" means don't set the attribute
  606.   // Note that the attributes "left" and "right" are opposite
  607.   //  of what we use in the UI, which describes where the TEXT wraps,
  608.   //  not the image location (which is what the HTML describes)
  609.   switch ( gDialog.alignTypeSelect.value )
  610.   {
  611.     case "top":
  612.     case "middle":
  613.     case "right":
  614.     case "left":
  615.       globalElement.setAttribute( "align", gDialog.alignTypeSelect.value );
  616.       break;
  617.     default:
  618.       try {
  619.         editor.removeAttributeOrEquivalent(globalElement, "align", true);
  620.       } catch (e) {}
  621.   }
  622.  
  623.   return true;
  624. }
  625.