PageRenderTime 26ms CodeModel.GetById 14ms app.highlight 7ms RepoModel.GetById 1ms app.codeStats 1ms

/BlogEngine/BlogEngine.NET/editors/tiny_mce_3_4_3_1/plugins/advimage/image.htm

#
HTML | 235 lines | 208 code | 23 blank | 4 comment | 0 complexity | 0d204c8f7651c3080ab542fb36957881 MD5 | raw file
  1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2<html xmlns="http://www.w3.org/1999/xhtml">
  3<head>
  4	<title>{#advimage_dlg.dialog_title}</title>
  5	<script type="text/javascript" src="../../tiny_mce_popup.js"></script>
  6	<script type="text/javascript" src="../../utils/mctabs.js"></script>
  7	<script type="text/javascript" src="../../utils/form_utils.js"></script>
  8	<script type="text/javascript" src="../../utils/validate.js"></script>
  9	<script type="text/javascript" src="../../utils/editable_selects.js"></script>
 10	<script type="text/javascript" src="js/image.js"></script>
 11	<link href="css/advimage.css" rel="stylesheet" type="text/css" />
 12</head>
 13<body id="advimage" style="display: none" role="application" aria-labelledby="app_title">
 14	<span id="app_title" style="display:none">{#advimage_dlg.dialog_title}</span>
 15	<form onsubmit="ImageDialog.insert();return false;" action="#"> 
 16		<div class="tabs">
 17			<ul>
 18				<li id="general_tab" class="current" aria-controls="general_panel"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#advimage_dlg.tab_general}</a></span></li>
 19				<li id="appearance_tab" aria-controls="appearance_panel"><span><a href="javascript:mcTabs.displayTab('appearance_tab','appearance_panel');" onmousedown="return false;">{#advimage_dlg.tab_appearance}</a></span></li>
 20				<li id="advanced_tab" aria-controls="advanced_panel"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{#advimage_dlg.tab_advanced}</a></span></li>
 21			</ul>
 22		</div>
 23
 24		<div class="panel_wrapper">
 25			<div id="general_panel" class="panel current">
 26				<fieldset>
 27						<legend>{#advimage_dlg.general}</legend>
 28
 29						<table role="presentation" class="properties">
 30							<tr>
 31								<td class="column1"><label id="srclabel" for="src">{#advimage_dlg.src}</label></td>
 32								<td colspan="2"><table role="presentation" border="0" cellspacing="0" cellpadding="0">
 33									<tr> 
 34										<td><input name="src" type="text" id="src" value="" class="mceFocus" onchange="ImageDialog.showPreviewImage(this.value);" aria-required="true" /></td> 
 35										<td id="srcbrowsercontainer">&nbsp;</td>
 36									</tr>
 37								</table></td>
 38							</tr>
 39							<tr>
 40								<td><label for="src_list">{#advimage_dlg.image_list}</label></td>
 41								<td><select id="src_list" name="src_list" onchange="document.getElementById('src').value=this.options[this.selectedIndex].value;document.getElementById('alt').value=this.options[this.selectedIndex].text;document.getElementById('title').value=this.options[this.selectedIndex].text;ImageDialog.showPreviewImage(this.options[this.selectedIndex].value);"><option value=""></option></select></td>
 42							</tr>
 43							<tr> 
 44								<td class="column1"><label id="altlabel" for="alt">{#advimage_dlg.alt}</label></td> 
 45								<td colspan="2"><input id="alt" name="alt" type="text" value="" /></td> 
 46							</tr> 
 47							<tr> 
 48								<td class="column1"><label id="titlelabel" for="title">{#advimage_dlg.title}</label></td> 
 49								<td colspan="2"><input id="title" name="title" type="text" value="" /></td> 
 50							</tr>
 51						</table>
 52				</fieldset>
 53
 54				<fieldset>
 55					<legend>{#advimage_dlg.preview}</legend>
 56					<div id="prev"></div>
 57				</fieldset>
 58			</div>
 59
 60			<div id="appearance_panel" class="panel">
 61				<fieldset>
 62					<legend>{#advimage_dlg.tab_appearance}</legend>
 63
 64					<table role="presentation" border="0" cellpadding="4" cellspacing="0">
 65						<tr> 
 66							<td class="column1"><label id="alignlabel" for="align">{#advimage_dlg.align}</label></td> 
 67							<td><select id="align" name="align" onchange="ImageDialog.updateStyle('align');ImageDialog.changeAppearance();"> 
 68									<option value="">{#not_set}</option> 
 69									<option value="baseline">{#advimage_dlg.align_baseline}</option>
 70									<option value="top">{#advimage_dlg.align_top}</option>
 71									<option value="middle">{#advimage_dlg.align_middle}</option>
 72									<option value="bottom">{#advimage_dlg.align_bottom}</option>
 73									<option value="text-top">{#advimage_dlg.align_texttop}</option>
 74									<option value="text-bottom">{#advimage_dlg.align_textbottom}</option>
 75									<option value="left">{#advimage_dlg.align_left}</option>
 76									<option value="right">{#advimage_dlg.align_right}</option>
 77								</select> 
 78							</td>
 79							<td rowspan="6" valign="top">
 80								<div class="alignPreview">
 81									<img id="alignSampleImg" src="img/sample.gif" alt="{#advimage_dlg.example_img}" />
 82									Lorem ipsum, Dolor sit amet, consectetuer adipiscing loreum ipsum edipiscing elit, sed diam
 83									nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Loreum ipsum
 84									edipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
 85									erat volutpat.
 86								</div>
 87							</td>
 88						</tr>
 89
 90						<tr role="group" aria-labelledby="widthlabel">
 91							<td class="column1"><label id="widthlabel" for="width">{#advimage_dlg.dimensions}</label></td>
 92							<td class="nowrap">
 93								<span style="display:none" id="width_voiceLabel">{#advimage_dlg.width}</span>
 94								<input name="width" type="text" id="width" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeHeight();" aria-labelledby="width_voiceLabel" /> x 
 95								<span style="display:none" id="height_voiceLabel">{#advimage_dlg.height}</span>
 96								<input name="height" type="text" id="height" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeWidth();" aria-labelledby="height_voiceLabel" /> px
 97							</td>
 98						</tr>
 99
100						<tr>
101							<td>&nbsp;</td>
102							<td><table role="presentation" border="0" cellpadding="0" cellspacing="0">
103									<tr>
104										<td><input id="constrain" type="checkbox" name="constrain" class="checkbox" /></td>
105										<td><label id="constrainlabel" for="constrain">{#advimage_dlg.constrain_proportions}</label></td>
106									</tr>
107								</table></td>
108						</tr>
109
110						<tr>
111							<td class="column1"><label id="vspacelabel" for="vspace">{#advimage_dlg.vspace}</label></td> 
112							<td><input name="vspace" type="text" id="vspace" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('vspace');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('vspace');ImageDialog.changeAppearance();" />
113							</td>
114						</tr>
115
116						<tr> 
117							<td class="column1"><label id="hspacelabel" for="hspace">{#advimage_dlg.hspace}</label></td> 
118							<td><input name="hspace" type="text" id="hspace" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('hspace');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('hspace');ImageDialog.changeAppearance();" /></td> 
119						</tr>
120
121						<tr>
122							<td class="column1"><label id="borderlabel" for="border">{#advimage_dlg.border}</label></td> 
123							<td><input id="border" name="border" type="text" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('border');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('border');ImageDialog.changeAppearance();" /></td> 
124						</tr>
125
126						<tr>
127							<td><label for="class_list">{#class_name}</label></td>
128							<td colspan="2"><select id="class_list" name="class_list" class="mceEditableSelect"><option value=""></option></select></td>
129						</tr>
130
131						<tr>
132							<td class="column1"><label id="stylelabel" for="style">{#advimage_dlg.style}</label></td> 
133							<td colspan="2"><input id="style" name="style" type="text" value="" onchange="ImageDialog.changeAppearance();" /></td> 
134						</tr>
135
136						<!-- <tr>
137							<td class="column1"><label id="classeslabel" for="classes">{#advimage_dlg.classes}</label></td> 
138							<td colspan="2"><input id="classes" name="classes" type="text" value="" onchange="selectByValue(this.form,'classlist',this.value,true);" /></td> 
139						</tr> -->
140					</table>
141				</fieldset>
142			</div>
143
144			<div id="advanced_panel" class="panel">
145				<fieldset>
146					<legend>{#advimage_dlg.swap_image}</legend>
147
148					<input type="checkbox" id="onmousemovecheck" name="onmousemovecheck" class="checkbox" onclick="ImageDialog.setSwapImage(this.checked);" aria-controls="onmouseoversrc onmouseoutsrc" />
149					<label id="onmousemovechecklabel" for="onmousemovecheck">{#advimage_dlg.alt_image}</label>
150
151					<table role="presentation" border="0" cellpadding="4" cellspacing="0" width="100%">
152							<tr>
153								<td class="column1"><label id="onmouseoversrclabel" for="onmouseoversrc">{#advimage_dlg.mouseover}</label></td> 
154								<td><table role="presentation" border="0" cellspacing="0" cellpadding="0"> 
155									<tr> 
156										<td><input id="onmouseoversrc" name="onmouseoversrc" type="text" value="" /></td> 
157										<td id="onmouseoversrccontainer">&nbsp;</td>
158									</tr>
159								</table></td>
160							</tr>
161							<tr>
162								<td><label for="over_list">{#advimage_dlg.image_list}</label></td>
163								<td><select id="over_list" name="over_list" onchange="document.getElementById('onmouseoversrc').value=this.options[this.selectedIndex].value;"><option value=""></option></select></td>
164							</tr>
165							<tr> 
166								<td class="column1"><label id="onmouseoutsrclabel" for="onmouseoutsrc">{#advimage_dlg.mouseout}</label></td> 
167								<td class="column2"><table role="presentation" border="0" cellspacing="0" cellpadding="0"> 
168									<tr> 
169										<td><input id="onmouseoutsrc" name="onmouseoutsrc" type="text" value="" /></td> 
170										<td id="onmouseoutsrccontainer">&nbsp;</td>
171									</tr> 
172								</table></td> 
173							</tr>
174							<tr>
175								<td><label for="out_list">{#advimage_dlg.image_list}</label></td>
176								<td><select id="out_list" name="out_list" onchange="document.getElementById('onmouseoutsrc').value=this.options[this.selectedIndex].value;"><option value=""></option></select></td>
177							</tr>
178					</table>
179				</fieldset>
180
181				<fieldset>
182					<legend>{#advimage_dlg.misc}</legend>
183
184					<table role="presentation" border="0" cellpadding="4" cellspacing="0">
185						<tr>
186							<td class="column1"><label id="idlabel" for="id">{#advimage_dlg.id}</label></td> 
187							<td><input id="id" name="id" type="text" value="" /></td> 
188						</tr>
189
190						<tr>
191							<td class="column1"><label id="dirlabel" for="dir">{#advimage_dlg.langdir}</label></td> 
192							<td>
193								<select id="dir" name="dir" onchange="ImageDialog.changeAppearance();"> 
194										<option value="">{#not_set}</option> 
195										<option value="ltr">{#advimage_dlg.ltr}</option> 
196										<option value="rtl">{#advimage_dlg.rtl}</option> 
197								</select>
198							</td> 
199						</tr>
200
201						<tr>
202							<td class="column1"><label id="langlabel" for="lang">{#advimage_dlg.langcode}</label></td> 
203							<td>
204								<input id="lang" name="lang" type="text" value="" />
205							</td> 
206						</tr>
207
208						<tr>
209							<td class="column1"><label id="usemaplabel" for="usemap">{#advimage_dlg.map}</label></td> 
210							<td>
211								<input id="usemap" name="usemap" type="text" value="" />
212							</td> 
213						</tr>
214
215						<tr>
216							<td class="column1"><label id="longdesclabel" for="longdesc">{#advimage_dlg.long_desc}</label></td>
217							<td><table role="presentation" border="0" cellspacing="0" cellpadding="0">
218									<tr>
219										<td><input id="longdesc" name="longdesc" type="text" value="" /></td>
220										<td id="longdesccontainer">&nbsp;</td>
221									</tr>
222							</table></td> 
223						</tr>
224					</table>
225				</fieldset>
226			</div>
227		</div>
228
229		<div class="mceActionPanel">
230			<input type="submit" id="insert" name="insert" value="{#insert}" />
231			<input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
232		</div>
233	</form>
234</body> 
235</html>