急啊---JSP中 如何把一个DIV中得BUTTON按钮拖拽到另一个DIV中

Posted 2023-05-06

参考技术A 这问题问的...
什么叫把按钮从一个div拖到另一个div？？？
你是制作的时候想把按钮换个位置呢还是制作完成后运行的时候在某个操作的时候把按钮换个位置？？？
制作的时候的话你直接CTRL+X再CTRL+V不就行了？
运行的时候的话用js控制添加该按钮到目标div再删除原有div中的该按钮不就行了？追问

....... - -
我要的效果是能拖动的！！！
就是现在页面上有两个DIV 一个DIV中有个按钮 然后能拖动这个按钮
但是不能随便拖动 只能拖拽到另一个DIV中

追答

哦，我大概理解你要干嘛了，就是鼠标拉着按钮从一个位置移动到另一个位置是吧？这跟你那两个div没什么关系。还是有点小麻烦的，用js+定位做。
1，起始定位。给按钮加上样式定位到起始位置。
2，拖动，这个是最麻烦的地方。首先js监控拖动时鼠标位置(鼠标的坐标或是相对位置，只是用来确定拖动时按钮的位置)，根据鼠标位置改变按钮的定位位置。
3，目标范围。因为你限定了拖动的目标范围，所以你还要根据拖动时鼠标位置判断是否超出了目标范围。

一个div 老是把另一个div给遮挡住了

<div>
<div >
<div id="left" style="float: left;">
<%@include file="tree.jsp"%>
</div>
<div id="right" style="float: left; margin-left: 10px;">
<%@include file="/jsp/JianCe/Date.jsp"%>
</div>
</div>

<div style="clear:both;height:0px;margin-top: 10px; bottom:0px;position:relative;">
<%@include file="/jsp/FrameSet/bottom.jsp"%>
</div>
</div>
bottom被遮挡了

说样式有问题，那到底是什么问题啊

覆盖select据我所知有两个比较好的方法：
1，显示层时，先隐藏select，关闭层时再重新显示；
2，用一个iframe作为层的底，来遮住select。

方法1应该都明白，方法2就是利用iframe可以覆盖select的特性，只要把一个iframe作为层的底部就可以覆盖下面的select了，程序中是这样使用的：

this.Lay.innerHTML = '<iframe style="position:absolute;top:0;left:0;width:100%;height:100%;filter:alpha(opacity=0);"></iframe>'

可以看出这个透明的iframe也以同样覆盖整个页面，如果是有内容显示的页面最好设置z-index:-1;确保iframe在层的底部。 参考技术A 左边的
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; RIGHT: expression(eval(document.body.scrollRight)+eval(document.body.clientWidth)-110); BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-550); TEXT-ALIGN: center">

右边的
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-300); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-700); TEX-ALIGN: center">

因为分辨率不一样，里面的数值自己改 参考技术B clear:both;height:0px;margin-top: 10px; bottom:0px;position:relative;这个样式的问题！！本回答被提问者采纳 参考技术C <div style="clear:both;height:0px; 高怎么是0px