?? imageoptions.php
字號:
<?php
include_once ('./config.php');
include_once('./editor_functions.php');
include_once ('./includes/common.php');
include_once ('./lang/'.$lang_include);
if (isset ($_REQUEST['return_function'])) {
if (wp_return_function_ok($_REQUEST['return_function'])) {
$return_function = $_REQUEST['return_function'];
} else {
$return_function = '';
}
} else {
$return_function = '';
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title><?php echo $lang['titles']['imageoptions']; ?></title>
<link rel="stylesheet" href="<?php echo WP_WEB_DIRECTORY; ?>dialoge_theme.css" type="text/css">
<style type="text/css">
p {
margin:2px
}
</style>
<script language="JavaScript" type="text/javascript" src="<?php echo WP_WEB_DIRECTORY; ?>js/dialogEditorShared.js"></script>
<script language="JavaScript" type="text/javascript" src="<?php echo WP_WEB_DIRECTORY; ?>js/dialogShared.js"></script>
<script type="text/javascript">
<!--//
function insert_image() {
parentWindow.<?php
if (!empty($return_function)) {
echo $return_function.'(';
} else {
echo 'wp_create_image_html(obj,';
} ?>document.image_form.imagename.value, document.image_form.iwidth.value, document.image_form.iheight.value, document.image_form.ialign.value, document.image_form.alt.value, document.image_form.border.value, document.image_form.mtop.value + 'px ' + document.image_form.mright.value + 'px ' + document.image_form.mbottom.value + 'px ' + document.image_form.mleft.value + 'px ');
top.window.close();
return false;
}
function doConfirm(url,msg) {
if (confirm(msg)){
this.location.assign(url)
}
}
function load_settings() {
var align = '<?php echo stripslashes($_GET['align']); ?>'
if (align != '') {
document.image_form.ialign.value = align;
}
var img_url = '<?php echo stripslashes($_GET['image']); ?>'
if (img_url != '') {
document.getElementById('imagepreview').src = make_url_with_base (img_url);
}
updateStyle();
}
function changeSrc(url) {
if (url =='') {
url = parentWindow.wp_directory +'images/spacer.gif';
}
url = make_url_with_base (url);
document.getElementById('imagepreview').src = url;
document.getElementById('imagepreview').onLoad = resetDimensionsTimeout()
}
function sizeChange(dir) {
var preview = document.getElementById('imagepreview')
var width = document.image_form.iwidth.value
var height = document.image_form.iheight.value
if (width.search("%") != -1 || height.search("%") != -1 ) {
if (width.search("%") != -1) {
preview.style.width=width
} else {
preview.setAttribute('width', width)
preview.style.width = '';
}
if (height.search("%") != -1) {
preview.style.height = height
} else {
preview.setAttribute('height', height)
preview.style.height = '';
}
return
} else {
preview.style.width = '';
preview.style.height = '';
if (dir == 'width') {
var input = document.image_form.iwidth
if (input.value!='') {
preview.setAttribute('width', input.value)
preview.removeAttribute('height')
setTimeout("sizeChangeTimeout('width')", 200);
} else {
preview.removeAttribute('width');
}
} else {
var input = document.image_form.iheight
if (input.value!='') {
preview.setAttribute('height', input.value)
preview.removeAttribute('width')
setTimeout("sizeChangeTimeout('height')", 200);
} else {
preview.removeAttribute('height');
}
}
}
}
function sizeChangeTimeout(dir) {
if (dir == 'width') {
document.image_form.iheight.value = document.getElementById('imagepreview').height
}
if (dir == 'height') {
document.image_form.iwidth.value = document.getElementById('imagepreview').width
}
}
function resetDimensionsTimeout() {
setTimeout("resetDimensions()", 200);
}
function resetDimensions() {
document.getElementById('imagepreview').removeAttribute('width')
document.getElementById('imagepreview').removeAttribute('height')
document.image_form.iwidth.value = document.getElementById('imagepreview').width
document.image_form.iheight.value = document.getElementById('imagepreview').height
}
function updateStyle() {
document.getElementById('wrap').align = document.image_form.ialign.value;
if (document.image_form.mtop.value == '') document.image_form.mtop.value = '0';
if (document.image_form.mbottom.value == '') document.image_form.mbottom.value = '0';
if (document.image_form.mleft.value == '') document.image_form.mleft.value = '0';
if (document.image_form.mright.value == '') document.image_form.mright.value = '0';
document.getElementById('wrap').style.marginTop = document.image_form.mtop.value
document.getElementById('wrap').style.marginBottom = document.image_form.mbottom.value
document.getElementById('wrap').style.marginLeft = document.image_form.mleft.value
document.getElementById('wrap').style.marginRight = document.image_form.mright.value
document.getElementById('imagepreview').alt = document.image_form.alt.value
}
//-->
</script>
</head>
<body scroll="no" bgcolor="threedface" onLoad="load_settings(); hideLoadMessage();">
<?php include('./includes/load_message.php'); ?>
<form name="image_form" id="image_form" style="display:inline" onSubmit="return insert_image()">
<div class="dialog_content" align="center">
<p> </p>
<table border="0" cellpadding="1" cellspacing="3">
<tr>
<td align="right" valign="top">
<div id="preview" align="center" style="width:304px; height:192px; overflow:auto; background-color:#FFFFFF; padding:5px" class="previewWindow"><img id="imagepreview" src="<?php if (isset ($_GET['image']) ? $_GET['image'] : '') { echo stripslashes($_GET['image']); } else { echo 'images/spacer.gif'; } ?>"<?php if (isset ($_GET['width']) ? $_GET['width'] : '') echo ' width="'.$_GET['width'].'"'; ?><?php if (isset ($_GET['height']) ? $_GET['height'] : '') echo ' height="'.$_GET['height'].'"'; ?> border="<?php echo stripslashes($_GET['border']); ?>" title="<?php echo stripslashes($_GET['alt']); ?>" alt="<?php echo stripslashes($_GET['alt']); ?>"></div></td>
<td valign="top"> </td>
<td rowspan="2" valign="top"><fieldset>
<legend><?php echo $lang['positioning']; ?></legend>
<table border="0" cellspacing="3" cellpadding="1">
<tr>
<td><?php echo $lang['text_flow']; ?></td>
<td><select name="ialign" id="ialign" class="seltext" onChange="updateStyle()">
<option selected="selected" value=""><?php echo $lang['default']; ?></option>
<option value="absmiddle"><?php echo $lang['absmiddle']; ?></option>
<option value="middle"><?php echo $lang['middle']; ?></option>
<option value="bottom"><?php echo $lang['bottom']; ?></option>
<option value="top"><?php echo $lang['top']; ?></option>
<option value="left"><?php echo $lang['left']; ?></option>
<option value="right"><?php echo $lang['right']; ?></option>
<option value="baseline"><?php echo $lang['base_line']; ?></option>
<option value="texttop"><?php echo $lang['texttop']; ?></option>
<option value="absbottom"><?php echo $lang['absbottom']; ?></option>
</select></td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td colspan="2"><?php echo $lang['distance_to_surrounding_text']; ?></td>
</tr>
<tr>
<td> <?php echo $lang['top2']; ?> </td>
<td> <input type="text" name="mtop" id="mtop" size="4" value="<?php echo str_replace('px', '', $_GET['mtop']); ?>" onChange="updateStyle()">
<?php echo $lang['pixels']; ?> </td>
</tr>
<tr>
<td><?php echo $lang['bottom2']; ?></td>
<td><input type="text" name="mbottom" id="mbottom" size="4" value="<?php echo str_replace('px', '', $_GET['mbottom']); ?>" onChange="updateStyle()">
<?php echo $lang['pixels']; ?> </td>
</tr>
<tr>
<td> <?php echo $lang['left2']; ?> </td>
<td> <input type="text" name="mleft" id="mleft" size="4" value="<?php echo str_replace('px', '', $_GET['mleft']); ?>" onChange="updateStyle()">
<?php echo $lang['pixels']; ?> </td>
</tr>
<tr>
<td><?php echo $lang['right2']; ?></td>
<td><input type="text" name="mright" id="mright" size="4" value="<?php echo str_replace('px', '', $_GET['mright']); ?>" onChange="updateStyle()">
<?php echo $lang['pixels']; ?> </td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td colspan="2"><?php echo $lang['positioning_preview']; ?> <div id="stylepreview" style="padding:10px; width:340px; height:128px; overflow:hidden; background-color:#FFFFFF; font-size:8px" class="previewWindow">
<p><img id="wrap" src="<?php echo WP_WEB_DIRECTORY; ?>images/wrap_preview.gif" width="48" height="48" align="" alt="">Lorem
ipsum, Dolor sit amet, consectetuer adipiscing loreum ipsum
edipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat.Loreum ipsum edipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
magna aliquam erat volutpat. Ut wisi enim ad minim veniam,
quis nostrud exercitation ullamcorper suscipit. Lorem ipsum,
Dolor sit amet, consectetuer adipiscing loreum ipsum edipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
magna aliquam erat volutpat.</p>
<p>Lorem ipsum, Dolor sit amet, consectetuer adipiscing loreum
ipsum edipiscing elit, sed diam nonummy nibh euismod tincidunt
ut laoreet dolore magna aliquam erat volutpat.Loreum ipsum
edipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
minim veniam, quis nostrud exercitation ullamcorper suscipit.
Lorem ipsum, Dolor sit amet, consectetuer adipiscing loreum
ipsum edipiscing elit, sed diam nonummy nibh euismod tincidunt
ut laoreet dolore magna aliquam erat volutpat.</p>
</div></td>
</tr>
</table>
</fieldset></td>
</tr>
<tr>
<td align="right" valign="top"><fieldset>
<legend><?php echo $lang['image_information']; ?></legend>
<table width="100%" border="0" cellspacing="3" cellpadding="1">
<tr>
<td><span title="You can type an address to an external image here if you wish."><?php echo $lang['source']; ?></span></td>
<td width="100%" colspan="2"><input style="width:200px" type="text" name="imagename" id="imagename" value="<?php if ($_GET['image'] != 'null') echo stripslashes($_GET['image']); ?>" size="34" onChange="changeSrc(this.value);" title="<?php echo $lang['type_image_address']; ?>">
</td>
</tr>
<tr>
<td><?php echo $lang['border']; ?></td>
<td colspan="2"><input type="text" name="border" id="border" value="<?php if ($_GET['border'] != 'null') echo stripslashes($_GET['border']); ?>" size="4" onChange="document.getElementById('imagepreview').border = this.value;"></td>
</tr>
<tr>
<td><?php echo $lang['width']; ?></td>
<td><input type="text" name="iwidth" id="iwidth" size="4" value="<?php if ($_GET['width'] != 'null') echo stripslashes($_GET['width']); ?>" onChange="sizeChange('width')">
</td>
<td rowspan="2"><img src="<?php echo WP_WEB_DIRECTORY; ?>images/brackets.gif" width="11" height="39" align="absmiddle" alt=""> <a id="reset" href="javascript:resetDimensions()" onMouseUp="this.blur()"><?php echo $lang['reset_dimensions']; ?></a> </td>
</tr>
<tr>
<td><?php echo $lang['height']; ?></td>
<td><input type="text" name="iheight" id="iheight" size="4" value="<?php if ($_GET['height'] != 'null') echo stripslashes($_GET['height']); ?>" onChange="sizeChange('height')"></td>
</tr>
<tr>
<td height="24"><?php echo $lang['title']; ?></td>
<td colspan="2"> <input style="width:200px" type="text" name="alt" id="alt" value="<?php if ($_GET['alt'] != 'null') echo stripslashes($_GET['alt']); ?>" size="34" onChange="document.getElementById('imagepreview').alt = this.value;document.getElementById('imagepreview').title = this.value;" title="<?php echo $lang['creates_popup_message']; ?>">
</td>
</tr>
</table>
</fieldset></td>
<td align="right" valign="top"> </td>
</tr>
<tr>
<td colspan="3" align="right" valign="top"> </td>
</tr>
<tr>
<td colspan="3" align="right" valign="top"><div align="center">
<button type="submit"><?php echo $lang['ok']; ?></button>
<button type="button" onClick="top.window.close();"><?php echo $lang['cancel']; ?></button>
<script language="JavaScript" type="text/javascript">
<!--//
if (obj.imagewindow != 'imageoptions.php') {
document.writeln("<a href=\"<?php echo WP_WEB_DIRECTORY; ?>image.php?instance_img_dir="+obj.instance_img_dir+"&lang="+obj.instance_lang +"&return_function=<?php echo $return_function; ?>\"><?php echo $lang['choose_different_image']; ?></a>");
}
//-->
</script></div></td>
</tr>
</table>
</div>
</form>
</body>
</html>?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -