function ajaxButton(th) {
$("#buttonDiv").remove();
var id = th.id;
var leftpx =getAbsoluteLeftPx(id)+$("#"+id).width()+2;
var toppx =getAbsoluteTopPx(id)+$("#"+id).height()+2;
newDiv=document.createElement("div");//创建div
newDiv.style.position="absolute";//relative
newDiv.style.backgroundColor="pink";
//newDiv.style.height="200px";
//newDiv.style.width="212px";
newDiv.id="buttonDiv";
// newDiv.style.border="#ffff00 2px solid";
newDiv.style.top=(toppx-50)+"px";
newDiv.style.left=leftpx+"px";
newDiv.style.fontSize="12px";
newDiv.style.lineHeight="25px"
newDiv.style.padding="5px"
newDiv.style.zIndex="100"
newDiv.style.visibility ="visible";//hidden
newDiv.style.opacity="0.5";
newDiv.style.filter="alpha(opacity=50)"
// newDiv.innerHTML="abcds";
document.body.appendChild(newDiv);//把创建好的div插入到body节点后,否则newDiv会处于游离状态,无法显示;
}
function getAbsoluteLeftPx(objectId) //获取控件的绝对左起位置
{
o = document.getElementById(objectId)
oLeft = o.offsetLeft
while(o.offsetParent!=null) {
oParent = o.offsetParent
oLeft += oParent.offsetLeft
o = oParent
}
return oLeft
}
function getAbsoluteTopPx(objid) //获取控件的绝对上起位置
{
o = document.getElementById(objid);
oTop = o.offsetTop;
while(o.offsetParent!=null)
{
oParent = o.offsetParent
oTop += oParent.offsetTop
o = oParent
}
return oTop
}
分享到:
相关推荐
NULL 博文链接:https://duinibuhaome.iteye.com/blog/855013
点击后可以展示到前端的div层jquery效果 展示地址 http://www.whkge.com/jsview/design20110831b/
NULL 博文链接:https://jingguohao.iteye.com/blog/1160317
把一串 html 标签赋给一个 javascript 变量,除属性的值要用转义的双引号外,某些时候字符串还很长,显得有些复杂。...一、js 动态添加元素div <div id=parent></div> function addElementDiv(obj) { var parent =
我实现了多个div的动态添加,并且实现指定div的删除。 实现这个功能一些问题,添加多个div,它们id就可能会相同,这对我们无论后台还是前台处理都有麻烦的问题。所以我对id进行自增,然后就是要实现对指定div的删除...
页面div拖动交换位置,动态添加删除页面元素
jquery div假分页,支持添加删除后分页动态变化,只需在添加或者删除ajax方法后再次调用该方法即可。
js动态加载 .......... javascript动态添加,以及java后台获取数据.
移动div+改变div大小+右键添加新的div+div只能在一个范围的。。JQ+js+html源码。。
我想做一个可以动态添加删除div的功能。中间遇到一个问题,最后在网友的热心帮助下解决了,使用到的jquery方法和思想就是:事件的绑定和销毁(unbind)
如果 Vue 实例在实例化时没有收到 el 选项,则它处于“未挂载”状态,没有关联的 DOM 元素。可以使用 vm.$mount() 手动地挂载一个未挂载的实例。 如果没有提供 elementOrSelector 参数,模板将被渲染为文档之外的的...
并且动态添加多个table表并将表中的文本,单选按钮等数据分别写入不同的数据库表;使用jquery捕捉多个table表中的多组不同的单选按钮的值,并存放到集合中,后台读取集合并分别写入2个不同的数据库表中
含案例 画圆形 直线 椭圆形 动态添加div画线 绝对有用
如果使用a标签跳转到指定的div区域,则只需要把a标签的href属性设置为“#divId”就好了,比如: 跳转到div <div di=dction_1> ...以上就是小编为大家带来的a标签跳转到指定div,jquery添加和移除class属性的
主要介绍了Jquery动态替换div内容及动态展示的方法,动态替换div内容并展示的使用技巧与注意事项,需要的朋友可以参考下
下面小编就为大家带来一篇用jQuery向div中添加Html文本内容的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
很棒的用Javascript实现DIV的拖拽和添加
实现DIV与DIV之间的连线,工程流程图那样.使用DIV+JS! 我封装了一个基于vml/svg画线条的跨浏览器的函数 用法: var g = new FlowGraphic(); var arrow = g.drawArrow(5,26,200,300,"red"); var arrow = g.drawArrow...
主要介绍了JS动态添加的div点击跳转到另一页面实现代码,需要的朋友可以参考下