home *** CD-ROM | disk | FTP | other *** search
/ Chip 2002 January / 01_02.iso / software / netscape62win / browser.xpi / bin / chrome / comm.jar / content / editor / EdImageProps.xul < prev    next >
Encoding:
Extensible Markup Language  |  2001-09-24  |  11.6 KB  |  297 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 Mozilla Communicator client code, released
  14.    - March 31, 1998.
  15.    - 
  16.    - The Initial Developer of the Original Code is Netscape
  17.    - Communications Corporation. Portions created by Netscape are
  18.    - Copyright (C) 1998-2000 Netscape Communications Corporation. All
  19.    - Rights Reserved.
  20.    - 
  21.    - Contributor(s): 
  22.    -   Pete Collins
  23.    -   Brian King
  24.   -->
  25.  
  26. <?xml-stylesheet href="chrome://editor/skin/editor.css" type="text/css"?>
  27. <?xml-stylesheet href="chrome://editor/skin/EditorDialog.css" type="text/css"?>
  28.  
  29. <?xul-overlay href="chrome://global/content/dialogOverlay.xul"?> 
  30. <?xul-overlay href="chrome://editor/content/EdDialogOverlay.xul"?> 
  31. <?xul-overlay href="chrome://global/content/globalOverlay.xul"?>
  32. <?xul-overlay href="chrome://communicator/content/utilityOverlay.xul"?> 
  33.  
  34. <!DOCTYPE window SYSTEM "chrome://editor/locale/EditorImageProperties.dtd">
  35.  
  36.  
  37. <!-- dialog containing a control requiring initial setup -->
  38. <window class="dialog" title="&windowTitle.label;"
  39.     xmlns ="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
  40.     xmlns:html="http://www.w3.org/1999/xhtml"
  41.     onload = "Startup()"
  42.     orient="vertical"
  43.     id="imagedialog"
  44.     >
  45.   
  46.   <script type="application/x-javascript" src="chrome://editor/content/EdDialogCommon.js"/>
  47.   <script type="application/x-javascript" src="chrome://editor/content/EdImageProps.js"/>
  48.   <script type="application/x-javascript" src="chrome://global/content/dialogOverlay.js"/>
  49.   <script type="application/x-javascript" src="chrome://global/content/globalOverlay.js"/>
  50.   <script type="application/x-javascript" src="chrome://help/content/help.js"/>
  51.  
  52.   <spring id="location" offsetY="50" persist="offsetX offsetY"/>
  53.   <broadcaster id="args" value=""/>
  54.   <keyset id="dialogKeys"/>
  55.   <popupset id="aTooltipSet" />
  56.  
  57.   <groupbox orient="vertical">
  58.     <label value="&locationBox.label;"/>
  59.     <!--/////// Src URL and ALT Text //////-->
  60.     <text class = "label" 
  61.       for   = "srcInput"
  62.       value = "&locationEditField.label;"
  63.       tooltip="aTooltip" tooltiptext="&locationEditField.tooltip;"
  64.       />
  65.     <textbox
  66.       id         = "srcInput" 
  67.       oninput    = "ChangeImageSrc()"
  68.       style      = "min-width : 20em"
  69.       flex       = "1"/>
  70.     <hbox>
  71.       <checkbox 
  72.         id  = "MakeRelativeCheckbox"
  73.         for = "srcInput"/>
  74.       <spring flex="1"/>
  75.       <!-- from EdDialogOverlay.xul -->
  76.       <button id="ChooseFile"/>
  77.     </hbox>
  78.     <spring class="spacer"/>
  79.     <hbox>
  80.       <text class = "label"
  81.         id      = "altTextLabel" 
  82.         for     = "altTextInput"
  83.         tooltip = "aTooltip" tooltiptext="&altTextEditField.tooltip;"
  84.         value   = "&altTextEditField.label;"/>
  85.       <textbox
  86.         id     ="altTextInput"
  87.         style  = "min-width : 20em"
  88.         tooltip = "aTooltip" tooltiptext="&altTextEditField.tooltip;"
  89.         flex       = "1"/>
  90.     </hbox>
  91.     <spring class="spacer"/>
  92.   </groupbox>
  93.   <spring class="spacer"/>
  94.   <hbox align="center"> 
  95.     <button 
  96.       class   = "dialog" 
  97.       id      = "MoreFewerButton" 
  98.       oncommand = "onMoreFewer()" 
  99.       tooltip = "aTooltip" tooltiptext = "&MoreFewerButton.tooltip;"
  100.       persist = "more"/>
  101.     <spring class="bigspacer"/>
  102.     <groupbox style="padding-left: 8px; padding-right: 8px">
  103.       <label value="&previewBox.label;"/>
  104.       <hbox id="preview-image-box" align="center">
  105.         <spring flex="1"/>
  106.         <html id="preview-image-holder"/>
  107.         <spring flex="1"/>
  108.       </hbox>
  109.       <vbox id="PreviewSize" collapsed="true">
  110.         <spring flex="1"/>
  111.         <text class="label" value="&actualSize.label;"/>
  112.         <hbox>
  113.           <text class="label" value="&widthEditField.label;"/>
  114.           <spring flex="1"/>
  115.           <text id="PreviewWidth" class="label"/>
  116.         </hbox>
  117.         <hbox>
  118.           <text class="label" value="&heightEditField.label;"/>
  119.           <spring flex="1"/>
  120.           <text id="PreviewHeight" class="label"/>
  121.         </hbox>
  122.         <spring flex="1"/>
  123.       </vbox>
  124.     </groupbox>
  125.   </hbox>
  126.   <spring class="spacer"/>
  127.   <!-- Area that shows and hides via MoreFewerButton --> 
  128.   <vbox id="MoreSection" flex="1">
  129.     <hbox>
  130.       <vbox>
  131.         <!-- //////// Image Dimensions //////// -->
  132.         <groupbox orient="vertical" flex="1">
  133.           <label id="dimensionsLabel" value="&dimensionsBox.label;"/>
  134.           <hbox>
  135.             <radiogroup id="imgSizeGroup" orient="vertical">
  136.               <radio
  137.                 group   = "imgSizeGroup"
  138.                 id      = "actualSizeRadio" 
  139.                 label   = "&actualSizeRadio.label;"
  140.                 tooltip = "aTooltip" tooltiptext="&actualSizeRadio.tooltip;"
  141.                 oncommand = "SetActualSize()"/>
  142.               <radio
  143.                 group   = "imgSizeGroup"
  144.                 id      = "customSizeRadio" 
  145.                 label   = "&customSizeRadio.label;"
  146.                 tooltip = "aTooltip" tooltiptext="&customSizeRadio.tooltip;"
  147.                 oncommand = "doDimensionEnabling();" />
  148.             </radiogroup>
  149.             <spring flex="1"/>
  150.             <vbox>
  151.               <spring flex="1"/>
  152.               <!--////// CONSTRAIN DIMENSIONS //////-->
  153.               <checkbox id="constrainCheckbox" label="&constrainCheckbox.label;"
  154.                    oncommand="ToggleConstrain()"
  155.                    tooltip="aTooltip" tooltiptext="&constrainCheckbox.tooltip;"/>
  156.             </vbox>
  157.             <spring flex="1"/>
  158.           </hbox>
  159.           <spring class="spacer"/>
  160.           <grid class="big-left-margin">
  161.             <columns><column/><column/><column flex="1"/></columns>
  162.             <rows>
  163.               <!--//////  IMAGE WIDTH  //////-->
  164.               <row align="center">
  165.                 <text class = "label" 
  166.                   id    = "widthLabel"
  167.                   for   = "widthInput"
  168.                   value = "&widthEditField.label;" />
  169.                 <textbox
  170.                   id       = "widthInput" 
  171.                   class    = "narrow"
  172.                   oninput  = "constrainProportions(this.id, 'heightInput')"/>
  173.                 <menulist id = "widthUnitsMenulist"
  174.                   oncommand = "doDimensionEnabling();" />
  175.                 <!-- contents are appended by JS -->
  176.               </row>
  177.               <!--////// IMAGE HEIGHT //////-->
  178.               <row align="center">
  179.                 <text class = "label" 
  180.                   id    = "heightLabel"
  181.                   for   = "heightInput"
  182.                   value = "&heightEditField.label;" />
  183.                 <textbox
  184.                   id       = "heightInput" 
  185.                   class    = "narrow"
  186.                   oninput  = "constrainProportions(this.id, 'widthInput')"/>
  187.                 <menulist id = "heightUnitsMenulist"
  188.                   oncommand = "doDimensionEnabling();" />
  189.                 <!-- contents are appended by JS -->
  190.               </row>
  191.             </rows>          
  192.           </grid>
  193.           <spring flex="1"/>
  194.         </groupbox>
  195.         <!--////// IMAGE MAP BUTTONS //////-->
  196.         <groupbox orient="vertical" flex="1">
  197.            <label id="imagemapLabel" value="&imagemapBox.label;"/>
  198.            <hbox flex="1" equalsize="always">
  199.  
  200. <!-- Hide Image Map Editor. Not ready for prime time yet
  201.             <button
  202.               class   = "dialog"
  203.               id      = "editImageMap"
  204.               oncommand = "editImageMap()"
  205.               tooltip = "aTooltip" tooltiptext="&editImageMapButton.tooltip;"
  206.               label   = "&editImageMapButton.label;"
  207.               flex    = "1"/>
  208. -->
  209.             <button
  210.               class   = "dialog"
  211.               id      = "removeImageMap"
  212.               oncommand = "removeImageMap()"
  213.               label   = "&removeImageMapButton.label;"
  214.               flex    = "1"/>
  215.             <spring flex="1"/><!-- remove when we restore Image Map Editor -->
  216.             </hbox>
  217.           <spring class="spacer"/>
  218.         </groupbox>
  219.       </vbox> <!-- vert. box on bottom left side -->
  220.  
  221.       <!-- Bottom Right Region -->
  222.       <vbox flex="1">
  223.         <!--//////// Alignment ////////-->
  224.         <groupbox flex="1" orient="vertical">
  225.           <label id="alignLabel" value="&alignment.label;"/>
  226.           <spring class="spacer"/>
  227.           <menulist id="alignTypeSelect" class="align-menu">
  228.             <menupopup>
  229.               <menuitem class="align-menu" value="top" label="&topPopup.value;"/>
  230.               <menuitem class="align-menu" value="center" label="¢erPopup.value;"/>
  231.               <menuitem class="align-menu" value="bottom" label="&bottomPopup.value;"/>
  232.               <!-- HTML attribute value is opposite of the button label on purpose -->
  233.               <menuitem class="align-menu" value="right" label="&wrapLeftPopup.value;"/>
  234.               <menuitem class="align-menu" value="left"  label="&wrapRightPopup.value;"/>
  235.             </menupopup>
  236.           </menulist>
  237.         </groupbox>
  238.  
  239.         <!--//////// Borders and Spacing ////////-->
  240.         <groupbox flex="1">
  241.           <label id="spacingLabel" value="&spacingBox.label;"/>
  242.           <grid>
  243.             <columns><column/><column/><column/></columns>
  244.             <rows>
  245.               <row align="center">
  246.                 <text 
  247.                   class = "label align-right" 
  248.                   id    = "leftrightLabel"
  249.                   value = "&leftRightEditField.label;"/>
  250.                 <textbox
  251.                   class     = "narrow"
  252.                   id        = "imageleftrightInput" 
  253.                   oninput   = "forceInteger(this.id)"/>
  254.                 <text 
  255.                   class = "label" 
  256.                   id    = "leftrighttypeLabel"
  257.                   value = "&pixelsPopup.value;" />
  258.               </row>
  259.               <row align="center">
  260.                 <text 
  261.                   class = "label align-right" 
  262.                   id    = "topbottomLabel"
  263.                   value = "&topBottomEditField.label;"/>
  264.                 <textbox
  265.                   class     = "narrow"
  266.                   id        = "imagetopbottomInput" 
  267.                   oninput   = "forceInteger(this.id)"/>
  268.                 <text
  269.                   class = "label" 
  270.                   id    = "topbottomtypeLabel"
  271.                   value = "&pixelsPopup.value;" />
  272.               </row>
  273.               <row align="center">
  274.                 <text class = "label align-right" 
  275.                   id    = "borderLabel"
  276.                   value = "&borderEditField.label;"/>
  277.                 <textbox
  278.                   class     = "narrow"
  279.                   id        = "border" 
  280.                   oninput   = "forceInteger(this.id)"/>
  281.                 <text 
  282.                   class = "label" 
  283.                   id    = "bordertypeLabel"
  284.                   value = "&pixelsPopup.value;" />
  285.               </row>
  286.             </rows>
  287.           </grid>
  288.         </groupbox>
  289.       </vbox> <!-- Bottom Right region -->
  290.     </hbox> <!-- The horizontal box -->
  291.   </vbox> <!-- END OF MORE/FEWER SECTION -->
  292.   <!-- from EdDialogOverlay -->
  293.   <vbox id="AdvancedEdit"/>
  294.   <!-- from global dialogOverlay -->
  295.   <hbox id="okCancelHelpButtonsRight"/> 
  296. </window>
  297.