1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2<!--
3 * FCKeditor - The text editor for Internet - http://www.fckeditor.net
4 * Copyright (C) 2003-2009 Frederico Caldeira Knabben
5 *
6 * == BEGIN LICENSE ==
7 *
8 * Licensed under the terms of any of the following licenses at your
9 * choice:
10 *
11 *  - GNU General Public License Version 2 or later (the "GPL")
12 *    http://www.gnu.org/licenses/gpl.html
13 *
14 *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
15 *    http://www.gnu.org/licenses/lgpl.html
16 *
17 *  - Mozilla Public License Version 1.1 or later (the "MPL")
18 *    http://www.mozilla.org/MPL/MPL-1.1.html
19 *
20 * == END LICENSE ==
21 *
22 * Image Properties dialog window.
23-->
24<html xmlns="http://www.w3.org/1999/xhtml">
25<head>
26	<title>Image Properties</title>
27	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
28	<meta name="robots" content="noindex, nofollow" />
29	<script src="../filemanager/browser/default/js/safeFN_class.js" type="text/javascript"></script>
30	<script src="common/fck_dialog_common.js" type="text/javascript"></script>
31	<script src="fck_image/fck_image.js" type="text/javascript"></script>
32		<script type="text/javascript">
33
34document.write( FCKTools.GetStyleHtml( GetCommonDialogCss() ) ) ;
35
36		</script>
37<style type="text/css">
38td { font-size: 90%; }
39</style>
40</head>
41<body scroll="yes" style="overflow: auto; ">
42	<div id="divInfo">
43		<table cellspacing="1" cellpadding="1" border="0" width="100%" height="100%">
44			<tr>
45				<td>
46					<table cellspacing="0" cellpadding="0" width="100%" border="0">
47						<tr>
48							<td width="100%">
49								<span fcklang="DlgImgURL">URL</span>
50							</td>
51							<td id="tdBrowse" style="display: inline" nowrap="nowrap" rowspan="2">
52								&nbsp;
53								<input id="btnBrowse" onclick="BrowseServer();" type="button" value="Browse Server/Upload"
54									fcklang="DlgBtnBrowseServer" />
55							</td>
56						</tr>
57						<tr>
58							<td valign="top">
59							  <input id="txtUrlDisp" style="width: 100%;" type="text" onblur="UpdatePreview();" />
60								<input id="txtUrl" style="width: 100%; display:none" type="text" onblur="UpdatePreview();" />
61							</td>
62						</tr>
63					</table>
64				</td>
65			</tr>
66			<tr>
67				<td style='display:none'>
68					<span fcklang="DlgImgAlt">Short Description</span><br />
69					<input id="txtAlt" style="width: 100%" type="text" /><br />
70				</td>
71			</tr>
72			<tr height="100%">
73				<td valign="top">
74					<table cellspacing="0" cellpadding="0" width="100%" border="0" height="100%">
75						<tr>
76							<td valign="top">
77								<br />
78								<table cellspacing="0" cellpadding="0" border="0">
79									<tr>
80										<td nowrap="nowrap">
81											<span fcklang="DlgImgWidth">Width</span>&nbsp;</td>
82										<td>
83											<input type="text" size="3" id="txtWidth" onkeyup="OnSizeChanged('Width',this.value);" /></td>
84										<td rowspan="2">
85											<div id="btnLockSizes" class="BtnLocked" onmouseover="this.className = (bLockRatio ? 'BtnLocked' : 'BtnUnlocked' ) + ' BtnOver';"
86												onmouseout="this.className = (bLockRatio ? 'BtnLocked' : 'BtnUnlocked' );" title="Lock Sizes"
87												onclick="SwitchLock(this);">
88											</div>
89										</td>
90										<td rowspan="2">
91											<div id="btnResetSize" class="BtnReset" onmouseover="this.className='BtnReset BtnOver';"
92												onmouseout="this.className='BtnReset';" title="Reset Size" onclick="ResetSizes();">
93											</div>
94										</td>
95									</tr>
96									<tr>
97										<td nowrap="nowrap">
98											<span fcklang="DlgImgHeight">Height</span>&nbsp;</td>
99										<td>
100											<input type="text" size="3" id="txtHeight" onkeyup="OnSizeChanged('Height',this.value);" /></td>
101									</tr>
102								</table>
103								<br />
104								<table cellspacing="0" cellpadding="0" border="0">
105									<tr style="display:none">
106										<td nowrap="nowrap">
107											<span fcklang="DlgImgBorder">Border</span>&nbsp;</td>
108										<td>
109											<input type="text" size="2" value="" id="txtBorder" onkeyup="UpdatePreview();" /></td>
110									</tr>
111									<tr style="display:none">
112										<td nowrap="nowrap">
113											<span fcklang="DlgImgHSpace">HSpace</span>&nbsp;</td>
114										<td>
115											<input type="text" size="2" id="txtHSpace" onkeyup="UpdatePreview();" /></td>
116									</tr>
117									<tr style="display:none">
118										<td nowrap="nowrap">
119											<span fcklang="DlgImgVSpace">VSpace</span>&nbsp;</td>
120										<td>
121											<input type="text" size="2" id="txtVSpace" onkeyup="UpdatePreview();" /></td>
122									</tr>
123									<tr>
124										<td nowrap="nowrap" align='right'>
125											<span fcklang="DlgImgAlign">Align</span>&nbsp;</td>
126										<td>
127											<select id="cmbAlign" onchange="UpdatePreview();">
128												<option value="" selected="selected"></option>
129												<option fcklang="DlgImgAlignLeft" value="left">Left</option>
130
131												<!-- option fcklang="DlgImgAlignAbsBottom" value="absBottom">Abs Bottom</option>
132												<option fcklang="DlgImgAlignAbsMiddle" value="absMiddle">Abs Middle</option>
133												<option fcklang="DlgImgAlignBaseline" value="baseline">Baseline</option>
134												<option fcklang="DlgImgAlignBottom" value="bottom">Bottom</option -->
135
136												<option fcklang="DlgImgAlignMiddle" value="middle">Center</option>
137												<option fcklang="DlgImgAlignRight" value="right">Right</option>
138
139												<!--  option fcklang="DlgImgAlignTextTop" value="textTop">Text Top</option>
140												<option fcklang="DlgImgAlignTop" value="top">Top</option  -->
141                                                <option fcklang="DlgImgAlignBaseline" value="baseline">Baseline</option>
142                                                <option fcklang="DlgImgRemoveAlign" value="none">Remove Align</option>
143											</select>
144										</td>
145									</tr>
146								</table>
147							</td>
148							<td>
149								&nbsp;&nbsp;&nbsp;</td>
150							<td width="100%" valign="top">
151								<table cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed">
152									<tr>
153										<td>
154											<span fcklang="DlgImgPreview">Preview</span></td>
155									</tr>
156									<tr>
157										<td valign="top">
158											<iframe class="ImagePreviewArea" src="fck_image/fck_image_preview.html" frameborder="0"
159												marginheight="0" marginwidth="0"></iframe>
160										</td>
161									</tr>
162								</table>
163							</td>
164						</tr>
165					</table>
166           <tr><td>
167                <tr><td>
168                <form id='getLinkType'>
169                <table cellspacing='2'>
170                <tr><td align='center' style='font-size:95%'>Link Type:&nbsp;&nbsp;</td>
171                  <td style='font-size:90%' align='center'>&nbsp;detail&nbsp;
172                     <input type = 'radio' checked style='font-size:90%' name ='link_type' value = 'detail'>&nbsp;&nbsp;
173                  <td style='font-size:90%' align='center'>&nbsp;direct&nbsp;
174                     <input type = 'radio' style='font-size:90%' name ='link_type' value = 'direct'>&nbsp;&nbsp;
175                  <td style='font-size:90%' align='center'>&nbsp;nolink&nbsp;
176                    <input type = 'radio' style='font-size:90%' name ='link_type' value = 'nolink'>&nbsp;
177                  <td style='font-size:90%' align='center'>&nbsp;linkonly&nbsp;
178                    <input type = 'radio' style='font-size:90%' name ='link_type' value = 'linkonly'>
179                </tr>
180                </table>
181                </form>
182	 <td></tr>
183
184				</td>
185			</tr>
186		</table>
187	</div>
188
189	<div id="divUpload" style="display: none">
190
191		<form id="frmUpload" method="post" target="UploadWindow" enctype="multipart/form-data" action="" onsubmit="return CheckUpload();">
192			<span fcklang="DlgLnkUpload">Upload</span><br />
193			<input id="txtUploadFile" style="width: 100%" type="file" size="40" name="NewFile" /><br />
194			<br />
195			<input id="btnUpload" type="submit" value="Send it to the Server" fcklang="DlgLnkBtnUpload" />
196			<script type="text/javascript">
197				document.write( '<iframe name="UploadWindow" style="display: none" src="' + FCKTools.GetVoidUrl() + '"><\/iframe>' ) ;
198                function open_DW_mediaManager() {
199                var DWiki_base = window.location.pathname;
200                var DWiki_lib = DWiki_base.replace(/plugins.*/,"");
201                     var url= DWiki_lib + 'exe/mediamanager.php';
202                     //open a popup window when the button is clicked
203                     window.open(url, 'mediamanager','width=750,height=500,left=20,top=20,scrollbars=yes,resizable=yes');
204                 }
205			</script>
206		</form>
207 <br /><br />
208 <form action="#">
209   <input type="button" onclick="open_DW_mediaManager();" value="DokuWiki Mediamanager">
210  <br/><span fcklang="DlgImgNote"><b>Note:</b> The DokuWiki Mediamangager can be used only for uploading.  It cannot insert images into your text.</span>
211 </form>
212	</div>
213	<div id="divLink" style="display: none">
214		<table cellspacing="1" cellpadding="1" border="0" width="100%">
215			<tr>
216				<td>
217					<div>
218						<span fcklang="DlgLnkURL">URL</span><br />
219						<input id="txtLnkUrl" style="width: 100%" type="text" onblur="UpdatePreview();" />
220					</div>
221					<div id="divLnkBrowseServer" align="right">
222						<input type="button" value="Browse Server/Upload" fcklang="DlgBtnBrowseServer" onclick="LnkBrowseServer();" />
223					</div>
224					<div>
225						<span fcklang="DlgLnkTarget">Target</span><br />
226						<select id="cmbLnkTarget">
227							<option value="" fcklang="DlgGenNotSet" selected="selected">&lt;not set&gt;</option>
228							<option value="_blank" fcklang="DlgLnkTargetBlank">New Window (_blank)</option>
229							<option value="_top" fcklang="DlgLnkTargetTop">Topmost Window (_top)</option>
230							<option value="_self" fcklang="DlgLnkTargetSelf">Same Window (_self)</option>
231							<option value="_parent" fcklang="DlgLnkTargetParent">Parent Window (_parent)</option>
232						</select>
233					</div>
234				</td>
235			</tr>
236		</table>
237	</div>
238	<div id="divAdvanced" style="display: none">
239    <p style="font-size: 115%"><span fcklang="DlgImgHelp">
240    <b>Image Alignment</b><br />
241    The align property will place your images in text contexts as illustrated in the preview box.
242    It can also be used to align images with respect to one another:</span>
243    <UL style="font-size: 115%">
244    <li ><span fcklang="DlgImgHelpLiLeft">Use <b>left</b> alignment to create a horizontal row of images. </span>
245    <li><span fcklang="DlgImgHelpLiBase">Use <b>baseline</b> to create a vertical column of images at the left-hand margin.</span>
246    <li><span fcklang="DlgImgHelpLiRight">Use <b>right</b> and <b>middle</b> to create columns at the center and right.</span>
247    </UL>
248    <span fcklang="DlgImgHelpNote" style="font-size: 115%;"><b>Note:</b> Placing a column of images in the left margin
249    without the baseline property will result in a horizontal row of images.  </span>
250    </p>
251    <p  style="font-size: 115%">
252     <span fcklang="DlgImgHelpBrowseUpload">Uploads are done by Clicking on <b>Browse Server/Upload</b></span>
253    </p>
254		<table cellspacing="0" cellpadding="0" width="100%" align="center" border="0" style='display:none'>
255			<tr>
256				<td valign="top" width="50%">
257					<span fcklang="DlgGenId">Id</span><br />
258					<input id="txtAttId" style="width: 100%" type="text" />
259				</td>
260				<td width="1">
261
262					&nbsp;&nbsp;</td>
263				<td valign="top">
264					<table cellspacing="0" cellpadding="0" width="100%" align="center" border="0">
265						<tr>
266							<td width="60%">
267								<span fcklang="DlgGenLangDir">Language Direction</span><br />
268								<select id="cmbAttLangDir" style="width: 100%">
269									<option value="" fcklang="DlgGenNotSet" selected="selected">&lt;not set&gt;</option>
270									<option value="ltr" fcklang="DlgGenLangDirLtr">Left to Right (LTR)</option>
271									<option value="rtl" fcklang="DlgGenLangDirRtl">Right to Left (RTL)</option>
272								</select>
273							</td>
274							<td width="1%">
275								&nbsp;&nbsp;</td>
276							<td nowrap="nowrap">
277								<span fcklang="DlgGenLangCode">Language Code</span><br />
278								<input id="txtAttLangCode" style="width: 100%" type="text" />&nbsp;
279							</td>
280						</tr>
281					</table>
282				</td>
283			</tr>
284			<tr>
285				<td colspan="3">
286					&nbsp;</td>
287			</tr>
288			<tr>
289				<td colspan="3">
290					<span fcklang="DlgGenLongDescr">Long Description URL</span><br />
291					<input id="txtLongDesc" style="width: 100%" type="text" />
292				</td>
293			</tr>
294			<tr>
295				<td colspan="3">
296					&nbsp;</td>
297			</tr>
298			<tr>
299				<td valign="top">
300					<span fcklang="DlgGenClass">Stylesheet Classes</span><br />
301					<input id="txtAttClasses" style="width: 100%" type="text" />
302				</td>
303				<td>
304				</td>
305				<td valign="top">
306					&nbsp;<span fcklang="DlgGenTitle">Advisory Title</span><br />
307					<input id="txtAttTitle" style="width: 100%" type="text" />
308				</td>
309			</tr>
310		</table>
311		<span fcklang="DlgGenStyle" style="display:none">Style</span><br />
312		<input id="txtAttStyle" style="width: 100%; display:none" type="text" />
313	</div>
314</body>
315<script type="text/javascript">
316 if( ChromeBrowser) ChromeKludge();
317 </script>
318</html>
319