git-svn-id: http://xe-core.googlecode.com/svn/trunk@853 201d5d3c-b55e-5fd7-737f-ddc643e51545

This commit is contained in:
zero 2007-04-01 11:27:01 +00:00
parent af9b884e4d
commit 3931c5fcf3
3 changed files with 29 additions and 29 deletions

View file

@ -88,6 +88,18 @@ h6 {
visibility:hidden; visibility:hidden;
} }
#fororiginalimageareabg {
z-index:1001;
background-color:#FFFFFF;
width:100%;
height:100%;
top:0px;
left:0px;
position:relative;
padding:10px;
border:1px solid #000000;
}
#fororiginalimagearea { #fororiginalimagearea {
visibility:hidden; visibility:hidden;
padding:0px; padding:0px;
@ -106,20 +118,10 @@ h6 {
z-index:1002; z-index:1002;
} }
#fororiginalimageareabg {
z-index:1001;
background-color:#000000;
width:100%;
height:100%;
top:0px;
left:0px;
position:relative;
}
#closeOriginalImageBtn { #closeOriginalImageBtn {
position:absolute; position:absolute;
right:10px; right:5px;
top:10px; top:5px;
cursor:pointer; cursor:pointer;
width:60px; width:60px;
height:20px; height:20px;

View file

@ -248,39 +248,34 @@ function showOriginalImage(evt) {
var orig_image = xGetElementById("fororiginalimage"); var orig_image = xGetElementById("fororiginalimage");
var tmp_image = new Image(); var tmp_image = new Image();
tmp_image.src = src; tmp_image.src = src;
var image_width = tmp_image.width;
var image_height = tmp_image.height;
orig_image.style.position = "absolute";
orig_image.style.margin = "0px 0px 0px 0px"; orig_image.style.margin = "0px 0px 0px 0px";
orig_image.style.cursor = "pointer"; orig_image.style.cursor = "move";
orig_image.src = src; orig_image.src = src;
orig_image.style.opacity = 1;
orig_image.style.filter = 'alpha(opacity=100)';
var areabg = xGetElementById("fororiginalimageareabg"); var areabg = xGetElementById("fororiginalimageareabg");
areabg.style.opacity = 0.90;
areabg.style.filter = 'alpha(opacity=90)';
areabg.style.visibility = "visible"; areabg.style.visibility = "visible";
xWidth(areabg, image_width+22);
xHeight(areabg, image_height+22);
var area = xGetElementById("fororiginalimagearea"); var area = xGetElementById("fororiginalimagearea");
xLeft(area, xScrollLeft()); xLeft(area, xScrollLeft());
xTop(area, xScrollTop()); xTop(area, xScrollTop());
xWidth(area, xWidth(document)); xWidth(area, xWidth(document));
xHeight(area, xHeight(document)); xHeight(area, xHeight(document));
area.style.visibility = "visible"; area.style.visibility = "visible";
var area_width = xWidth(area); var area_width = xWidth(area);
var area_height = xHeight(area); var area_height = xHeight(area);
var image_width = tmp_image.width;
var image_height = tmp_image.height;
var x = parseInt((area_width-image_width)/2,10); var x = parseInt((area_width-image_width)/2,10);
var y = parseInt((area_height-image_height)/2,10); var y = parseInt((area_height-image_height)/2,10);
if(x<0) x = 0; if(x<0) x = 0;
if(y<0) y = 0; if(y<0) y = 0;
xLeft(orig_image, x); xLeft(areabg, x);
xTop(orig_image, y); xTop(areabg, y);
var sel_list = xGetElementsByTagName("select"); var sel_list = xGetElementsByTagName("select");
for (var i = 0; i < sel_list.length; ++i) sel_list[i].style.visibility = "hidden"; for (var i = 0; i < sel_list.length; ++i) sel_list[i].style.visibility = "hidden";
@ -332,8 +327,9 @@ function origImageDrag(obj, px, py) {
var x = px - obj.startX; var x = px - obj.startX;
var y = py - obj.startY; var y = py - obj.startY;
xLeft(obj, xLeft(obj)+x); var areabg = xGetElementById("fororiginalimageareabg");
xTop(obj, xTop(obj)+y); xLeft(areabg, xLeft(areabg)+x);
xTop(areabg, xTop(areabg)+y);
obj.startX = px; obj.startX = px;
obj.startY = py; obj.startY = py;

View file

@ -2,6 +2,7 @@
<html lang="{Context::getLangType()}" xmlns="http://www.w3.org/1999/xhtml"> <html lang="{Context::getLangType()}" xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<title>{Context::getBrowserTitle()}</title> <title>{Context::getBrowserTitle()}</title>
<script type="text/javascript" src="./common/js/x.js"></script> <script type="text/javascript" src="./common/js/x.js"></script>
<script type="text/javascript" src="./common/js/common.js"></script> <script type="text/javascript" src="./common/js/common.js"></script>
@ -25,9 +26,10 @@
{Context::getHtmlFooter()} {Context::getHtmlFooter()}
<div id="waitingforserverresponse">{$lang->msg_call_server}</div> <div id="waitingforserverresponse">{$lang->msg_call_server}</div>
<div id="fororiginalimagearea"> <div id="fororiginalimagearea">
<img src="./images/blank.gif" alt="original image" border="0" id="fororiginalimage" /> <div id="fororiginalimageareabg">
<img src="./images/original_image_box_close.gif" alt="close original image" border="0" onclick="closeOriginalImage()" id="closeOriginalImageBtn"/> <img src="./images/blank.gif" alt="original image" border="0" id="fororiginalimage" />
<div id="fororiginalimageareabg"></div> <img src="./images/original_image_box_close.gif" alt="close original image" border="0" onclick="closeOriginalImage()" id="closeOriginalImageBtn"/>
</div>
</div> </div>
<div id="membermenuarea"></div> <div id="membermenuarea"></div>
</body> </body>