includes/clientside/tinymce/plugins/advimage/image.htm
changeset 1 fe660c52c48f
equal deleted inserted replaced
0:902822492a68 1:fe660c52c48f
       
     1 <html xmlns="http://www.w3.org/1999/xhtml">
       
     2 <head>
       
     3 	<title>{$lang_insert_image_title}</title>
       
     4 	<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
       
     5 	<script language="javascript" type="text/javascript" src="../../utils/mctabs.js"></script>
       
     6 	<script language="javascript" type="text/javascript" src="../../utils/form_utils.js"></script>
       
     7 	<script language="javascript" type="text/javascript" src="../../utils/validate.js"></script>
       
     8 	<script language="javascript" type="text/javascript" src="jscripts/functions.js"></script>
       
     9 	<link href="css/advimage.css" rel="stylesheet" type="text/css" />
       
    10 	<base target="_self" />
       
    11 </head>
       
    12 <body id="advimage" onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none">
       
    13     <form onsubmit="insertAction();return false;" action="#"> 
       
    14 		<div class="tabs">
       
    15 			<ul>
       
    16 				<li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{$lang_advimage_tab_general}</a></span></li>
       
    17 				<li id="appearance_tab"><span><a href="javascript:mcTabs.displayTab('appearance_tab','appearance_panel');" onmousedown="return false;">{$lang_advimage_tab_appearance}</a></span></li>
       
    18 				<li id="advanced_tab"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{$lang_advimage_tab_advanced}</a></span></li>
       
    19 			</ul>
       
    20 		</div>
       
    21 
       
    22 		<div class="panel_wrapper">
       
    23 			<div id="general_panel" class="panel current">
       
    24 				<fieldset>
       
    25 						<legend>{$lang_advimage_general}</legend>
       
    26 
       
    27 						<table class="properties">
       
    28 							<tr>
       
    29 								<td class="column1"><label id="srclabel" for="src">{$lang_insert_image_src}</label></td>
       
    30 								<td colspan="2"><table border="0" cellspacing="0" cellpadding="0">
       
    31 									<tr> 
       
    32 									  <td><input name="src" type="text" id="src" value="" onchange="showPreviewImage(this.value);" /></td> 
       
    33 									  <td id="srcbrowsercontainer">&nbsp;</td>
       
    34 									</tr>
       
    35 								  </table></td>
       
    36 							</tr>
       
    37 							<tr id="imagelistsrcrow">
       
    38 								<td class="column1"><label for="imagelistsrc">{$lang_image_list}</label></td>
       
    39 								<td colspan="2" id="imagelistsrccontainer">&nbsp;</td>
       
    40 							</tr>
       
    41 							<tr> 
       
    42 								<td class="column1"><label id="altlabel" for="alt">{$lang_insert_image_alt}</label></td> 
       
    43 								<td colspan="2"><input id="alt" name="alt" type="text" value="" /></td> 
       
    44 							</tr> 
       
    45 							<tr> 
       
    46 								<td class="column1"><label id="titlelabel" for="title">{$lang_advimage_title}</label></td> 
       
    47 								<td colspan="2"><input id="title" name="title" type="text" value="" /></td> 
       
    48 							</tr>
       
    49 						</table>
       
    50 				</fieldset>
       
    51 
       
    52 				<fieldset>
       
    53 					<legend>{$lang_advimage_preview}</legend>
       
    54 					<div id="prev"></div>
       
    55 				</fieldset>
       
    56 			</div>
       
    57 
       
    58 			<div id="appearance_panel" class="panel">
       
    59 				<fieldset>
       
    60 					<legend>{$lang_advimage_tab_appearance}</legend>
       
    61 
       
    62 					<table border="0" cellpadding="4" cellspacing="0">
       
    63 						<tr> 
       
    64 							<td class="column1"><label id="alignlabel" for="align">{$lang_insert_image_align}</label></td> 
       
    65 							<td><select id="align" name="align" onchange="changeAppearance();"> 
       
    66 									<option value="">{$lang_insert_image_align_default}</option> 
       
    67 									<option value="baseline">{$lang_insert_image_align_baseline}</option> 
       
    68 									<option value="top">{$lang_insert_image_align_top}</option> 
       
    69 									<option value="middle">{$lang_insert_image_align_middle}</option> 
       
    70 									<option value="bottom">{$lang_insert_image_align_bottom}</option> 
       
    71 									<option value="texttop">{$lang_insert_image_align_texttop}</option> 
       
    72 									<option value="absmiddle">{$lang_insert_image_align_absmiddle}</option> 
       
    73 									<option value="absbottom">{$lang_insert_image_align_absbottom}</option> 
       
    74 									<option value="left">{$lang_insert_image_align_left}</option> 
       
    75 									<option value="right">{$lang_insert_image_align_right}</option> 
       
    76 								</select> 
       
    77 							</td>
       
    78 							<td rowspan="6" valign="top">
       
    79 								<div class="alignPreview">
       
    80 									<img id="alignSampleImg" src="images/sample.gif" alt="{$lang_advimage_example_img}" />
       
    81 									Lorem ipsum, Dolor sit amet, consectetuer adipiscing loreum ipsum edipiscing elit, sed diam
       
    82 									nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Loreum ipsum
       
    83 									edipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
       
    84 									erat volutpat.
       
    85 								</div>
       
    86 							</td>
       
    87 						</tr>
       
    88 
       
    89 						<tr>
       
    90 							<td class="column1"><label id="widthlabel" for="width">{$lang_insert_image_dimensions}</label></td>
       
    91 							<td nowrap="nowrap">
       
    92 								<input name="width" type="text" id="width" value="" size="5" maxlength="5" class="size" onchange="changeHeight();" /> x 
       
    93 								<input name="height" type="text" id="height" value="" size="5" maxlength="5" class="size" onchange="changeWidth();" /> px
       
    94 							</td>
       
    95 						</tr>
       
    96 
       
    97 						<tr>
       
    98 							<td>&nbsp;</td>
       
    99 							<td><table border="0" cellpadding="0" cellspacing="0">
       
   100 									<tr>
       
   101 										<td><input id="constrain" type="checkbox" name="constrain" class="checkbox" /></td>
       
   102 										<td><label id="constrainlabel" for="constrain">{$lang_advimage_constrain_proportions}</label></td>
       
   103 									</tr>
       
   104 								</table></td>
       
   105 						</tr>
       
   106 
       
   107 						<tr>
       
   108 							<td class="column1"><label id="vspacelabel" for="vspace">{$lang_insert_image_vspace}</label></td> 
       
   109 							<td><input name="vspace" type="text" id="vspace" value="" size="3" maxlength="3" class="number" onchange="changeAppearance();updateStyle();" />
       
   110 							</td>
       
   111 						</tr>
       
   112 
       
   113 						<tr> 
       
   114 							<td class="column1"><label id="hspacelabel" for="hspace">{$lang_insert_image_hspace}</label></td> 
       
   115 							<td><input name="hspace" type="text" id="hspace" value="" size="3" maxlength="3" class="number" onchange="changeAppearance();updateStyle();" /></td> 
       
   116 						</tr>
       
   117 
       
   118 						<tr>
       
   119 							<td class="column1"><label id="borderlabel" for="border">{$lang_insert_image_border}</label></td> 
       
   120 							<td><input id="border" name="border" type="text" value="" size="3" maxlength="3" class="number" onchange="changeAppearance();updateStyle();" /></td> 
       
   121 						</tr>
       
   122 
       
   123 						<tr>
       
   124 							<td><label id="classlabel" for="classlist">{$lang_class_name}</label></td>
       
   125 							<td colspan="2">
       
   126 								 <select id="classlist" name="classlist">
       
   127 									<option value="" selected>{$lang_not_set}</option>
       
   128 								 </select>
       
   129 							</td>
       
   130 						</tr>
       
   131 
       
   132 						<tr>
       
   133 							<td class="column1"><label id="stylelabel" for="style">{$lang_advimage_style}</label></td> 
       
   134 							<td colspan="2"><input id="style" name="style" type="text" value="" onchange="styleUpdated();" /></td> 
       
   135 						</tr>
       
   136 
       
   137 						<!-- <tr>
       
   138 							<td class="column1"><label id="classeslabel" for="classes">{$lang_advimage_classes}</label></td> 
       
   139 							<td colspan="2"><input id="classes" name="classes" type="text" value="" onchange="selectByValue(this.form,'classlist',this.value,true);" /></td> 
       
   140 						</tr> -->
       
   141 					</table>
       
   142 				</fieldset>
       
   143 			</div>
       
   144 
       
   145 			<div id="advanced_panel" class="panel">
       
   146 				<fieldset>
       
   147 					<legend>{$lang_advimage_swap_image}</legend>
       
   148 
       
   149 					<input type="checkbox" id="onmousemovecheck" name="onmousemovecheck" class="checkbox" onclick="changeMouseMove();" />
       
   150 					<label id="onmousemovechecklabel" for="onmousemovecheck">{$lang_advimage_alt_image}</label>
       
   151 
       
   152 					<table border="0" cellpadding="4" cellspacing="0" width="100%">
       
   153 							<tr>
       
   154 								<td class="column1"><label id="onmouseoversrclabel" for="onmouseoversrc">{$lang_advimage_mouseover}</label></td> 
       
   155 								<td><table border="0" cellspacing="0" cellpadding="0"> 
       
   156 									<tr> 
       
   157 									  <td><input id="onmouseoversrc" name="onmouseoversrc" type="text" value="" /></td> 
       
   158 									  <td id="onmouseoversrccontainer">&nbsp;</td>
       
   159 									</tr>
       
   160 								  </table></td>
       
   161 							</tr>
       
   162 							<tr id="imagelistoverrow">
       
   163 								<td class="column1"><label for="imagelistover">{$lang_image_list}</label></td>
       
   164 								<td id="imagelistovercontainer">&nbsp;</td>
       
   165 							</tr>
       
   166 							<tr> 
       
   167 								<td class="column1"><label id="onmouseoutsrclabel" for="onmouseoutsrc">{$lang_advimage_mouseout}</label></td> 
       
   168 								<td class="column2"><table border="0" cellspacing="0" cellpadding="0"> 
       
   169 									<tr> 
       
   170 									  <td><input id="onmouseoutsrc" name="onmouseoutsrc" type="text" value="" /></td> 
       
   171 									  <td id="onmouseoutsrccontainer">&nbsp;</td>
       
   172 									</tr> 
       
   173 								  </table></td> 
       
   174 							</tr>
       
   175 							<tr id="imagelistoutrow">
       
   176 								<td class="column1"><label for="imagelistout">{$lang_image_list}</label></td>
       
   177 								<td id="imagelistoutcontainer">&nbsp;</td>
       
   178 							</tr>
       
   179 					</table>
       
   180 				</fieldset>
       
   181 
       
   182 				<fieldset>
       
   183 					<legend>{$lang_advimage_misc}</legend>
       
   184 
       
   185 					<table border="0" cellpadding="4" cellspacing="0">
       
   186 						<tr>
       
   187 							<td class="column1"><label id="idlabel" for="id">{$lang_advimage_id}</label></td> 
       
   188 							<td><input id="id" name="id" type="text" value="" /></td> 
       
   189 						</tr>
       
   190 
       
   191 						<tr>
       
   192 							<td class="column1"><label id="dirlabel" for="dir">{$lang_advimage_langdir}</label></td> 
       
   193 							<td>
       
   194 								<select id="dir" name="dir" onchange="changeAppearance();"> 
       
   195 										<option value="">{$lang_not_set}</option> 
       
   196 										<option value="ltr">{$lang_advimage_ltr}</option> 
       
   197 										<option value="rtl">{$lang_advimage_rtl}</option> 
       
   198 								</select>
       
   199 							</td> 
       
   200 						</tr>
       
   201 
       
   202 						<tr>
       
   203 							<td class="column1"><label id="langlabel" for="lang">{$lang_advimage_langcode}</label></td> 
       
   204 							<td>
       
   205 								<input id="lang" name="lang" type="text" value="" />
       
   206 							</td> 
       
   207 						</tr>
       
   208 
       
   209 						<tr>
       
   210 							<td class="column1"><label id="usemaplabel" for="usemap">{$lang_advimage_image_map}</label></td> 
       
   211 							<td>
       
   212 								<input id="usemap" name="usemap" type="text" value="" />
       
   213 							</td> 
       
   214 						</tr>
       
   215 
       
   216 						<tr>
       
   217 							<td class="column1"><label id="longdesclabel" for="longdesc">{$lang_advimage_long_desc}</label></td>
       
   218 							<td><table border="0" cellspacing="0" cellpadding="0">
       
   219 									<tr>
       
   220 									  <td><input id="longdesc" name="longdesc" type="text" value="" /></td>
       
   221 									  <td id="longdesccontainer">&nbsp;</td>
       
   222 									</tr>
       
   223 								</table></td> 
       
   224 						</tr>
       
   225 					</table>
       
   226 				</fieldset>
       
   227 			</div>
       
   228 		</div>
       
   229 
       
   230 		<div class="mceActionPanel">
       
   231 			<div style="float: left">
       
   232 				<input type="button" id="insert" name="insert" value="{$lang_insert}" onclick="insertAction();" />
       
   233 			</div>
       
   234 
       
   235 			<div style="float: right">
       
   236 				<input type="button" id="cancel" name="cancel" value="{$lang_cancel}" onclick="cancelAction();" />
       
   237 			</div>
       
   238 		</div>
       
   239     </form>
       
   240 </body> 
       
   241 </html>