home *** CD-ROM | disk | FTP | other *** search
/ ftp.swcp.com / ftp.swcp.com.zip / ftp.swcp.com / mac / mozilla-macos9-1.3.1.sea.bin / Mozilla1.3.1 / Chrome / comm.jar / content / editor / EdImageOverlay.xul < prev    next >
Extensible Markup Language  |  2003-06-08  |  10KB  |  281 lines
  1. <?xml version="1.0"?>
  2. <!--
  3.    - The contents of this file are subject to the Netscape Public
  4.    - License Version 1.1 (the "License"); you may not use this file
  5.    - except in compliance with the License. You may obtain a copy of
  6.    - the License at http://www.mozilla.org/NPL/
  7.    -  
  8.    - Software distributed under the License is distributed on an "AS
  9.    - IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  10.    - implied. See the License for the specific language governing
  11.    - rights and limitations under the License.
  12.    -  
  13.    - The Original Code is Editor Image Properties Overlay.
  14.    - 
  15.    - The Initial Developer of the Original Code is Netscape
  16.    - Communications Corporation. Portions created by Netscape are
  17.    - Copyright (C) 1998-2000 Netscape Communications Corporation. All
  18.    - Rights Reserved.
  19.    - 
  20.    - Contributor(s): 
  21.    -   Pete Collins
  22.    -   Brian King
  23.    -   Neil Rashbrook <neil@parkwaycc.co.uk> (Separated from EdImageProps.xul)
  24.   -->
  25.  
  26. <!DOCTYPE window SYSTEM "chrome://editor/locale/EditorImageProperties.dtd">
  27.  
  28. <overlay id="EdImageOverlay"
  29.      xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  30.  
  31.   <script type="application/x-javascript" src="chrome://editor/content/EdImageOverlay.js"/>
  32.  
  33.   <tab id="imageInputTab" label="&imageInputTab.label;"/>
  34.   <tab id="imageLocationTab" label="&imageLocationTab.label;"/>
  35.   <tab id="imageDimensionsTab" label="&imageDimensionsTab.label;"/>
  36.   <tab id="imageAppearanceTab" label="&imageAppearanceTab.label;"/>
  37.   <tab id="imageLinkTab" label="&imageLinkTab.label;"/>
  38.  
  39.   <vbox id="imageLocation"> 
  40.     <spacer class="spacer"/>
  41.     <label control = "srcInput"
  42.       value = "&locationEditField.label;"
  43.       accesskey="&locationEditField.accessKey;"
  44.       tooltiptext="&locationEditField.tooltip;"
  45.       />
  46.     <textbox id="srcInput" oninput="ChangeImageSrc();" tabindex="1" class="uri-element"/>
  47.     <hbox>
  48.       <checkbox 
  49.         id  = "MakeRelativeCheckbox"
  50.         for = "srcInput"
  51.         tabindex="2"/>
  52.       <spacer flex="1"/>
  53.       <!-- from EdDialogOverlay.xul -->
  54.       <button id="ChooseFile"  tabindex="3"/>
  55.     </hbox>
  56.     <spacer class="spacer"/>
  57.     <radiogroup id="altTextRadioGroup" flex="1">
  58.       <grid>
  59.         <columns><column/><column flex="1"/></columns>
  60.         <rows>
  61.           <row align="center">
  62.             <label 
  63.               style   = "margin-left: 26px"
  64.               control = "titleInput"
  65.               accesskey = "&title.accessKey;"
  66.               value   ="&title.label;"
  67.               tooltiptext="&title.tooltip;"
  68.               for     = "titleInput"/>
  69.             <textbox flex="1"
  70.               id      = "titleInput"
  71.               class   = "MinWidth20em"
  72.               tooltiptext="&title.tooltip;"
  73.               tabindex="4"/>
  74.           </row>
  75.           <row align="center">
  76.             <radio id = "altTextRadio" 
  77.               label   = "&altText.label;"
  78.               accesskey = "&altText.accessKey;"
  79.               tooltiptext="&altTextEditField.tooltip;"
  80.               oncommand = "SetAltTextDisabled(false);"
  81.               tabindex="5"/>
  82.             <textbox flex="1"
  83.               id      = "altTextInput"
  84.               class   = "MinWidth20em"
  85.               tooltiptext="&altTextEditField.tooltip;"
  86.               oninput = "SetAltTextDisabled(false);"
  87.               tabindex="6"/>
  88.           </row>
  89.         </rows>
  90.       </grid>
  91.  
  92.       <radio id = "noAltTextRadio" 
  93.         label   = "&noAltText.label;"
  94.         accesskey = "&noAltText.accessKey;"
  95.         oncommand = "SetAltTextDisabled(true);"/>
  96.     </radiogroup>
  97.   </vbox>
  98.  
  99.   <groupbox id="imagePreview" orient="horizontal" flex="1">
  100.     <caption label="&previewBox.label;"/>
  101.     <hbox id="preview-image-box" align="center">
  102.       <spacer flex="1"/>
  103.       <description id="preview-image-holder"/>
  104.       <spacer flex="1"/>
  105.     </hbox>
  106.     <vbox id="PreviewSize" collapsed="true">
  107.       <spacer flex="1"/>
  108.       <label value="&actualSize.label;"/>
  109.       <hbox>
  110.         <label value="&widthEditField.label;"/>
  111.         <spacer flex="1"/>
  112.         <label id="PreviewWidth"/>
  113.       </hbox>
  114.       <hbox>
  115.         <label value="&heightEditField.label;"/>
  116.         <spacer flex="1"/>
  117.         <label id="PreviewHeight"/>
  118.       </hbox>
  119.       <spacer flex="1"/>
  120.     </vbox>
  121.   </groupbox>
  122.  
  123.   <vbox id="imageDimensions" align="start">
  124.     <spacer class="spacer"/>
  125.     <hbox>
  126.       <radiogroup id="imgSizeGroup">
  127.         <radio
  128.           id      = "actualSizeRadio" 
  129.           label   = "&actualSizeRadio.label;"
  130.           accesskey = "&actualSizeRadio.accessKey;"
  131.           tooltiptext="&actualSizeRadio.tooltip;"
  132.           oncommand = "SetActualSize()"/>
  133.         <radio
  134.           id      = "customSizeRadio" 
  135.           label   = "&customSizeRadio.label;"
  136.           accesskey = "&customSizeRadio.accessKey;"
  137.           tooltiptext="&customSizeRadio.tooltip;"
  138.           oncommand = "doDimensionEnabling();" />
  139.       </radiogroup>
  140.       <spacer flex="1"/>
  141.       <vbox>
  142.         <spacer flex="1"/>
  143.         <checkbox id="constrainCheckbox" label="&constrainCheckbox.label;"
  144.              accesskey="&constrainCheckbox.accessKey;"
  145.              oncommand="ToggleConstrain()"
  146.              tooltiptext="&constrainCheckbox.tooltip;"/>
  147.       </vbox>
  148.       <spacer flex="1"/>
  149.     </hbox>
  150.     <spacer class="spacer"/>
  151.     <grid class="indent">
  152.       <columns><column/><column/><column flex="1"/></columns>
  153.       <rows>
  154.         <row align="center">
  155.           <label id    = "widthLabel"
  156.             control   = "widthInput"
  157.             accesskey = "&widthEditField.accessKey;"
  158.             value = "&widthEditField.label;" />
  159.           <textbox
  160.             id       = "widthInput" 
  161.             class    = "narrow"
  162.             oninput  = "constrainProportions(this.id, 'heightInput')"/>
  163.           <menulist id = "widthUnitsMenulist"
  164.             oncommand = "doDimensionEnabling();" />
  165.           <!-- contents are appended by JS -->
  166.         </row>
  167.         <row align="center">
  168.           <label id    = "heightLabel"
  169.             control   = "heightInput"
  170.             accesskey = "&heightEditField.accessKey;"
  171.             value = "&heightEditField.label;" />
  172.           <textbox
  173.             id       = "heightInput" 
  174.             class    = "narrow"
  175.             oninput  = "constrainProportions(this.id, 'widthInput')"/>
  176.           <menulist id = "heightUnitsMenulist"
  177.             oncommand = "doDimensionEnabling();" />
  178.           <!-- contents are appended by JS -->
  179.         </row>
  180.       </rows>          
  181.     </grid>
  182.     <spacer flex="1"/>
  183.   </vbox>
  184.  
  185.   <hbox id="imageAppearance">
  186.     <groupbox>
  187.       <caption id="spacingLabel" label="&spacingBox.label;"/>
  188.       <grid>
  189.         <columns><column/><column/><column/></columns>
  190.         <rows>
  191.           <row align="center">
  192.             <label 
  193.               class = "align-right" 
  194.               id    = "leftrightLabel"
  195.               control = "imageleftrightInput"
  196.               accesskey = "&leftRightEditField.accessKey;"
  197.               value = "&leftRightEditField.label;"/>
  198.             <textbox
  199.               class     = "narrow"
  200.               id        = "imageleftrightInput" 
  201.               oninput   = "forceInteger(this.id)"/>
  202.             <label 
  203.               id    = "leftrighttypeLabel"
  204.               value = "&pixelsPopup.value;" />
  205.           </row>
  206.           <spacer class="spacer"/>
  207.           <row align="center">
  208.             <label 
  209.               class = "align-right" 
  210.               id    = "topbottomLabel"
  211.               control = "imagetopbottomInput"
  212.               accesskey = "&topBottomEditField.accessKey;"
  213.               value = "&topBottomEditField.label;"/>
  214.             <textbox
  215.               class     = "narrow"
  216.               id        = "imagetopbottomInput" 
  217.               oninput   = "forceInteger(this.id)"/>
  218.             <label
  219.               id    = "topbottomtypeLabel"
  220.               value = "&pixelsPopup.value;" />
  221.           </row>
  222.           <spacer class="spacer"/>
  223.           <row align="center">
  224.             <label class = "align-right" 
  225.               id    = "borderLabel"
  226.               control = "border"
  227.               accesskey = "&borderEditField.accessKey;"
  228.               value = "&borderEditField.label;"/>
  229.             <textbox
  230.               class     = "narrow"
  231.               id        = "border" 
  232.               oninput   = "forceInteger(this.id)"/>
  233.             <label 
  234.               id    = "bordertypeLabel"
  235.               value = "&pixelsPopup.value;" />
  236.           </row>
  237.         </rows>
  238.       </grid>
  239.     </groupbox>
  240.  
  241.     <vbox>
  242.       <groupbox align="start">
  243.         <caption id="alignLabel" label="&alignment.label;"/>
  244.         <menulist id="alignTypeSelect" class="align-menu">
  245.           <menupopup>
  246.             <menuitem class="align-menu" value="top"    label="&topPopup.value;"/>
  247.             <menuitem class="align-menu" value="middle" label="¢erPopup.value;"/>
  248.             <menuitem class="align-menu" value="bottom" label="&bottomPopup.value;"/>
  249.             <!-- HTML attribute value is opposite of the button label on purpose -->
  250.             <menuitem class="align-menu" value="right"  label="&wrapLeftPopup.value;"/>
  251.             <menuitem class="align-menu" value="left"   label="&wrapRightPopup.value;"/>
  252.           </menupopup>
  253.         </menulist>
  254.       </groupbox>
  255.  
  256.       <groupbox>
  257.         <caption id="imagemapLabel" label="&imagemapBox.label;"/>
  258.         <hbox equalsize="always">
  259.  
  260. <!-- Hide Image Map Editor. Not ready for prime time yet
  261.         <button
  262.           id      = "editImageMap"
  263.           oncommand = "editImageMap()"
  264.           tooltiptext="&editImageMapButton.tooltip;"
  265.           label   = "&editImageMapButton.label;"
  266.           flex    = "1"/>
  267. -->
  268.         <button
  269.           id      = "removeImageMap"
  270.           oncommand = "removeImageMap()"
  271.           accesskey = "&removeImageMapButton.accessKey;"
  272.           label   = "&removeImageMapButton.label;"
  273.           flex    = "1"/>
  274.         <spacer flex="1"/><!-- remove when we restore Image Map Editor -->
  275.         </hbox>
  276.       </groupbox>
  277.     </vbox>
  278.   </hbox>
  279.  
  280. </overlay>
  281.