Mozilla/mozilla/editor/ui/dialogs/content/EdInsertTable.xul

109 lines
3.6 KiB
XML

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://editor/skin/EditorDialog.css" type="text/css"?>
<!DOCTYPE window
[
<!-- These entity declarations will go into a separate, locale file at some point -->
<!-- Window title -->
<!ENTITY windowTitle.label "Insert Table">
<!ENTITY numRowsEditField.label "Number of rows">
<!ENTITY numColumnsEditField.label "Number of columns">
<!ENTITY widthEditField.label "Table Width">
<!ENTITY borderEditField.label "Border">
<!ENTITY alignmentFieldset.label "Alignment">
<!ENTITY leftPopup.value "Left">
<!ENTITY centerPopup.value "Center">
<!ENTITY rightPopup.value "Right">
<!ENTITY pixelsPopup.value "pixels">
<!ENTITY percentPopup.value "percent">
<!ENTITY OKButton.label "OK">
<!ENTITY CancelButton.label "Cancel">
<!ENTITY AdvancedEditButton.label "Advanced Edit...">
]>
<xul:window class="dialog" title="&windowTitle.label;"
xmlns:xul ="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns="http://www.w3.org/TR/REC-html40"
onload = "Startup()"
align="vertical">
<!-- Methods common to all editor dialogs -->
<script language="JavaScript" src="chrome://editor/content/EdDialogCommon.js">
</script>
<script language="JavaScript" src="chrome://editor/content/EdInsertTable.js">
</script>
<xul:broadcaster id="args" value=""/>
<table>
<tr class="vcenter">
<td align="right">
<label for="rows"> &numRowsEditField.label; </label>
</td>
<td cellspan="2">
<input type="text" id="rows" maxlength="4" size="4"
onkeypress="forceInteger('rows')" />
</td>
</tr>
<tr class="vcenter">
<td align="right">
<label for="columns"> &numColumnsEditField.label; </label>
</td>
<td cellspan="2">
<input type="text" id="columns" maxlength="4" size="4"
onkeypress="forceInteger('columns')" />
</td>
</tr>
<tr class="vcenter">
<td align="right" valign="middle">
<label for="width" > &widthEditField.label; </label>
</td>
<td>
<input type="text" id="width" size="4" maxlength="4"
onkeypress="forceInteger('width')" />
</td>
<td>
<xul:titledbutton class="popup" id="pixelOrPercentButton"
value="&percentPopup.value;" align="right" popup="PixelOrPercentMenu" popupanchor="bottomleft"/>
</td>
</tr>
<tr class="vcenter">
<td align="right">
<label for="border"> &borderEditField.label; </label>
</td>
<td>
<!-- THIS IS DUMB Can't figure out how to put "pixels" after the
input box and make them center vertically. Used another TD instead -->
<input type="text" id="border" size="4" />
<!-- onkeypress="forceInteger('border')" /> -->
</td>
<td>
<label for="border"> &pixelsPopup.value; </label>
</td>
</tr>
</table>
<div><hr width="100%"/></div>
<xul:spring flex="100%"/>
<xul:box>
<xul:titledbutton class="spaced" id="AdvancedEdit" onclick="onAdvancedEdit()" value="&AdvancedEditButton.label;"/>
<xul:spring flex="100%"/>
<xul:titledbutton class="spaced" id="OK" onclick="onOK()" value="&OKButton.label;"/>
<xul:titledbutton class="spaced" id="Cancel" onclick="onCancel()" value="&CancelButton.label;"/>
</xul:box>
<xul:popup id="PixelOrPercentMenu">
<xul:menu>
<xul:menuitem value="&pixelsPopup.value;" onclick="SetPixelOrPercentByID('pixelOrPercentButton', '')"/>
<xul:menuitem value="&percentPopup.value;" onclick="SetPixelOrPercentByID('pixelOrPercentButton', '%')"/>
</xul:menu>
</xul:popup>
</xul:window>