includes/clientside/tinymce/plugins/advimage/image.htm
changeset 1193 e3b94bd055dc
parent 543 dffcbfbc4e59
equal deleted inserted replaced
1192:5882f0eebb34 1193:e3b94bd055dc
     7 	<script type="text/javascript" src="../../utils/form_utils.js"></script>
     7 	<script type="text/javascript" src="../../utils/form_utils.js"></script>
     8 	<script type="text/javascript" src="../../utils/validate.js"></script>
     8 	<script type="text/javascript" src="../../utils/validate.js"></script>
     9 	<script type="text/javascript" src="../../utils/editable_selects.js"></script>
     9 	<script type="text/javascript" src="../../utils/editable_selects.js"></script>
    10 	<script type="text/javascript" src="js/image.js"></script>
    10 	<script type="text/javascript" src="js/image.js"></script>
    11 	<link href="css/advimage.css" rel="stylesheet" type="text/css" />
    11 	<link href="css/advimage.css" rel="stylesheet" type="text/css" />
    12 	<base target="_self" />
       
    13 </head>
    12 </head>
    14 <body id="advimage" style="display: none">
    13 <body id="advimage" style="display: none">
    15     <form onsubmit="ImageDialog.insert();return false;" action="#"> 
    14     <form onsubmit="ImageDialog.insert();return false;" action="#"> 
    16 		<div class="tabs">
    15 		<div class="tabs">
    17 			<ul>
    16 			<ul>
    36 									</tr>
    35 									</tr>
    37 								  </table></td>
    36 								  </table></td>
    38 							</tr>
    37 							</tr>
    39 							<tr>
    38 							<tr>
    40 								<td><label for="src_list">{#advimage_dlg.image_list}</label></td>
    39 								<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);"></select></td>
    40 								<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>
    41 							</tr>
    43 							<tr> 
    42 							<tr> 
    44 								<td class="column1"><label id="altlabel" for="alt">{#advimage_dlg.alt}</label></td> 
    43 								<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> 
    44 								<td colspan="2"><input id="alt" name="alt" type="text" value="" /></td> 
    46 							</tr> 
    45 							</tr> 
    87 							</td>
    86 							</td>
    88 						</tr>
    87 						</tr>
    89 
    88 
    90 						<tr>
    89 						<tr>
    91 							<td class="column1"><label id="widthlabel" for="width">{#advimage_dlg.dimensions}</label></td>
    90 							<td class="column1"><label id="widthlabel" for="width">{#advimage_dlg.dimensions}</label></td>
    92 							<td nowrap="nowrap">
    91 							<td class="nowrap">
    93 								<input name="width" type="text" id="width" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeHeight();" /> x 
    92 								<input name="width" type="text" id="width" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeHeight();" /> x 
    94 								<input name="height" type="text" id="height" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeWidth();" /> px
    93 								<input name="height" type="text" id="height" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeWidth();" /> px
    95 							</td>
    94 							</td>
    96 						</tr>
    95 						</tr>
    97 
    96 
   121 							<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> 
   120 							<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> 
   122 						</tr>
   121 						</tr>
   123 
   122 
   124 						<tr>
   123 						<tr>
   125 							<td><label for="class_list">{#class_name}</label></td>
   124 							<td><label for="class_list">{#class_name}</label></td>
   126 							<td colspan="2"><select id="class_list" name="class_list" class="mceEditableSelect"></select></td>
   125 							<td colspan="2"><select id="class_list" name="class_list" class="mceEditableSelect"><option value=""></option></select></td>
   127 						</tr>
   126 						</tr>
   128 
   127 
   129 						<tr>
   128 						<tr>
   130 							<td class="column1"><label id="stylelabel" for="style">{#advimage_dlg.style}</label></td> 
   129 							<td class="column1"><label id="stylelabel" for="style">{#advimage_dlg.style}</label></td> 
   131 							<td colspan="2"><input id="style" name="style" type="text" value="" onchange="ImageDialog.changeAppearance();" /></td> 
   130 							<td colspan="2"><input id="style" name="style" type="text" value="" onchange="ImageDialog.changeAppearance();" /></td> 
   156 									</tr>
   155 									</tr>
   157 								  </table></td>
   156 								  </table></td>
   158 							</tr>
   157 							</tr>
   159 							<tr>
   158 							<tr>
   160 								<td><label for="over_list">{#advimage_dlg.image_list}</label></td>
   159 								<td><label for="over_list">{#advimage_dlg.image_list}</label></td>
   161 								<td><select id="over_list" name="over_list" onchange="document.getElementById('onmouseoversrc').value=this.options[this.selectedIndex].value;"></select></td>
   160 								<td><select id="over_list" name="over_list" onchange="document.getElementById('onmouseoversrc').value=this.options[this.selectedIndex].value;"><option value=""></option></select></td>
   162 							</tr>
   161 							</tr>
   163 							<tr> 
   162 							<tr> 
   164 								<td class="column1"><label id="onmouseoutsrclabel" for="onmouseoutsrc">{#advimage_dlg.mouseout}</label></td> 
   163 								<td class="column1"><label id="onmouseoutsrclabel" for="onmouseoutsrc">{#advimage_dlg.mouseout}</label></td> 
   165 								<td class="column2"><table border="0" cellspacing="0" cellpadding="0"> 
   164 								<td class="column2"><table border="0" cellspacing="0" cellpadding="0"> 
   166 									<tr> 
   165 									<tr> 
   169 									</tr> 
   168 									</tr> 
   170 								  </table></td> 
   169 								  </table></td> 
   171 							</tr>
   170 							</tr>
   172 							<tr>
   171 							<tr>
   173 								<td><label for="out_list">{#advimage_dlg.image_list}</label></td>
   172 								<td><label for="out_list">{#advimage_dlg.image_list}</label></td>
   174 								<td><select id="out_list" name="out_list" onchange="document.getElementById('onmouseoutsrc').value=this.options[this.selectedIndex].value;"></select></td>
   173 								<td><select id="out_list" name="out_list" onchange="document.getElementById('onmouseoutsrc').value=this.options[this.selectedIndex].value;"><option value=""></option></select></td>
   175 							</tr>
   174 							</tr>
   176 					</table>
   175 					</table>
   177 				</fieldset>
   176 				</fieldset>
   178 
   177 
   179 				<fieldset>
   178 				<fieldset>