关于图片拖放 目的位置 范围的设定!我实在是弄不了了,各位大虾帮我看看吧!
cclq 2002-08-28 04:50:56 下面的是一个html文件代码(比较长),是从www.the9.com上面搞到的,目的是这样的:
例如:
1:dfsfsdf a:fsdfsdf
2:fsdfdfsd b:fdfsfdf
3:fdfdsfdf c:sdfdfsd
---------------------------------------------
我想1与3对应,2与1对应...我把1中的图片拖放到3上面,就会提示我的拖放是对的
要是拖放到别的上面在提交后则提示错误!
问题是,我如何去有效限制右边目的位置区域的范围,(怎样为每个图片设定她的正确范围)下面代码的参数是不是涉及屏幕的坐标?(xmin,ymin,xmax,ymax,)
以及blockp,blockx,blocky这些参数的意思?
************************begin***********************
<html>
<head>
<title>安装门窗</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
.background { background:url(http://img.the9.com/img/work/building/bgtu01.gif) #D0E8A0 left bottom no-repeat}
-->
</style>
<link href=http://img.the9.com/st/the9.css rel=stylesheet type=text/css>
<script src=http://img.the9.com/js/head.js></script>
<script src=http://img.the9.com/js/the9.js></script>
<script src=http://img.the9.com/js/layer_obj2.js></script>
<script language="javascript">
var ns=document.layers?true:false;
var ie=document.all?true:false;
var iBakLeft,iBakTop;
var range=3;
var time=60;
var step=40;
var X_MIN=298;
var X_MAX=613;
var Y_MIN=228;
var Y_MAX=402;
var blockx= new Array();
var blocky= new Array();
var blockp= new Array();
blockp[158]=158;
blockx[158]=20;
blocky[158]=280;
blockp[159]=159;
blockx[159]=73;
blocky[159]=280;
blockp[160]=160;
blockx[160]=126;
blocky[160]=280;
blockp[161]=161;
blockx[161]=179;
blocky[161]=280;
blockp[162]=162;
blockx[162]=20;
blocky[162]=330;
blockp[163]=163;
blockx[163]=73;
blocky[163]=330;
blockp[164]=164;
blockx[164]=126;
blocky[164]=330;
blockp[165]=165;
blockx[165]=179;
blocky[165]=330;
blockp[166]=166;
blockx[166]=20;
blocky[166]=380;
var timecontent='时间到了!\你今天干完了吗?\看看你今天的工钱!';
function dragBegin(name)
{
iBakLeft=getLeft(name);
iBakTop=getTop(name);
}
function check(layername,left,top,right,bottom,partnum)
{
var blockname,layerleft,layertop,blocknum;
var xmin=new Array();
var xmax=new Array();
var ymin=new Array();
var ymax=new Array();
xmin[158]=324;
ymin[158]=304;
xmax[158]=338;
ymax[158]=342;
xmin[159]=349;
ymin[159]=275;
xmax[159]=375;
ymax[159]=290;
xmin[160]=404;
ymin[160]=230;
xmax[160]=450;
ymax[160]=266;
xmin[161]=416;
ymin[161]=307;
xmax[161]=430;
ymax[161]=345;
xmin[162]=453;
ymin[162]=297;
xmax[162]=469;
ymax[162]=332;
xmin[163]=469;
ymin[163]=260;
xmax[163]=495;
ymax[163]=275;
xmin[164]=507;
ymin[164]=276;
xmax[164]=553;
ymax[164]=312;
xmin[165]=554;
ymin[165]=304;
xmax[165]=606;
ymax[165]=346;
xmin[166]=554;
ymin[166]=326;
xmax[166]=596;
ymax[166]=375;
if((xmin[partnum]-range<=left) && (xmax[partnum]+range>=right) &&
(ymin[partnum]-range<=top) && (ymax[partnum]+range>=bottom))
{
if(document.formPart.place0.value == partnum)
{
if(document.formPart.block0.value != "0")
{
blockname=document.formPart.block0.value;
blocknum=blockname.substr(3);
layerleft=blockx[blocknum];
layertop=blocky[blocknum];
moveLayer(blockname,layerleft,layertop);
}
document.formPart.placex0.value=xmin[partnum];
document.formPart.placey0.value=ymin[partnum];
document.formPart.block0.value=layername;
}
if(document.formPart.place1.value == partnum)
{
if(document.formPart.block1.value != "0")
{
blockname=document.formPart.block1.value;
blocknum=blockname.substr(3);
layerleft=blockx[blocknum];
layertop=blocky[blocknum];
moveLayer(blockname,layerleft,layertop);
}
document.formPart.placex1.value=xmin[partnum];
document.formPart.placey1.value=ymin[partnum];
document.formPart.block1.value=layername;
}
if(document.formPart.place2.value == partnum)
{
if(document.formPart.block2.value != "0")
{
blockname=document.formPart.block2.value;
blocknum=blockname.substr(3);
layerleft=blockx[blocknum];
layertop=blocky[blocknum];
moveLayer(blockname,layerleft,layertop);
}
document.formPart.placex2.value=xmin[partnum];
document.formPart.placey2.value=ymin[partnum];
document.formPart.block2.value=layername;
}
if(document.formPart.place3.value == partnum)
{
if(document.formPart.block3.value != "0")
{
blockname=document.formPart.block3.value;
blocknum=blockname.substr(3);
layerleft=blockx[blocknum];
layertop=blocky[blocknum];
moveLayer(blockname,layerleft,layertop);
}
document.formPart.placex3.value=xmin[partnum];
document.formPart.placey3.value=ymin[partnum];
document.formPart.block3.value=layername;
}
if(document.formPart.place4.value == partnum)
{
if(document.formPart.block4.value != "0")
{
blockname=document.formPart.block4.value;
blocknum=blockname.substr(3);
layerleft=blockx[blocknum];
layertop=blocky[blocknum];
moveLayer(blockname,layerleft,layertop);
}
document.formPart.placex4.value=xmin[partnum];
document.formPart.placey4.value=ymin[partnum];
document.formPart.block4.value=layername;
}
if(document.formPart.place5.value == partnum)
{
if(document.formPart.block5.value != "0")
{
blockname=document.formPart.block5.value;
blocknum=blockname.substr(3);
layerleft=blockx[blocknum];
layertop=blocky[blocknum];
moveLayer(blockname,layerleft,layertop);
}
document.formPart.placex5.value=xmin[partnum];
document.formPart.placey5.value=ymin[partnum];
document.formPart.block5.value=layername;
}
if(document.formPart.place6.value == partnum)
{
if(document.formPart.block6.value != "0")
{
blockname=document.formPart.block6.value;
blocknum=blockname.substr(3);
layerleft=blockx[blocknum];
layertop=blocky[blocknum];
moveLayer(blockname,layerleft,layertop);
}
document.formPart.placex6.value=xmin[partnum];
document.formPart.placey6.value=ymin[partnum];
document.formPart.block6.value=layername;
}
if(document.formPart.place7.value == partnum)
{
if(document.formPart.block7.value != "0")
{
blockname=document.formPart.block7.value;
blocknum=blockname.substr(3);
layerleft=blockx[blocknum];
layertop=blocky[blocknum];
moveLayer(blockname,layerleft,layertop);
}
document.formPart.placex7.value=xmin[partnum];
document.formPart.placey7.value=ymin[partnum];
document.formPart.block7.value=layername;
}
if(document.formPart.place8.value == partnum)
{
if(document.formPart.block8.value != "0")
{
blockname=document.formPart.block8.value;
blocknum=blockname.substr(3);
layerleft=blockx[blocknum];
layertop=blocky[blocknum];
moveLayer(blockname,layerleft,layertop);
}
document.formPart.placex8.value=xmin[partnum];
document.formPart.placey8.value=ymin[partnum];
document.formPart.block8.value=layername;
}
moveLayer(layername,xmin[partnum],ymin[partnum]);
return true; /*正确*/
}
else return false; /*错误*/
}