使用javascript调整和重新放置div
我试图对显示ajax加载图像的div元素进行简单的调整大小和重新定位。它加载的内容可以更改大小,因此我希望div元素的大小调整为父元素的大小,在本例中是一个id为“thEngineCategories”的表维度 下面是我使用的javascript及其错误使用javascript调整和重新放置div,javascript,html,coding-style,resize,Javascript,Html,Coding Style,Resize,我试图对显示ajax加载图像的div元素进行简单的调整大小和重新定位。它加载的内容可以更改大小,因此我希望div元素的大小调整为父元素的大小,在本例中是一个id为“thEngineCategories”的表维度 下面是我使用的javascript及其错误 div.style.left = control.offsetLeft + 'px'; 说“div.style未定义”。这里怎么了 html中的div如下所示: <div class="overlay" id="divProgress"
div.style.left = control.offsetLeft + 'px';
说“div.style未定义”。这里怎么了
html中的div如下所示:
<div class="overlay" id="divProgress">
<th id="thEngineCategories" onmouseover="resize_divProgress()" >
有没有更好的方法来处理我要做的事情?我从您提供的代码中找到了答案,但无法重现问题。这表明在你的页面上还有其他事情导致了你所看到的行为
你能把你的页面缩减到一个最小的例子来演示JavaScript错误吗?您会发现执行此过程通常会揭示错误的原因-您将删除某些内容,它将开始工作,这表明删除的代码部分中的某些内容是问题的根源:)div.style.width不是访问div宽度的有效属性
使用div.offsetWidth和div.offsetHeight分别表示宽度和高度。您使用的javascript库是什么(如果有的话)?我知道另一个开发人员正在某个母版页中加载jQuery,但我不确定它是否会继续使用,所以我想保持这个简单且独立于库。您的代码看起来不错-您确定'div'没有未定义吗?在firebug中,它似乎定义得很好。如果将鼠标悬停在div变量上,它将显示div#divProgress.overlay。我忘了这是在母版/内容页中,所以我将改为使用ClientDNVM,这些不是runat=“server”控件。不需要客户。
<th id="thEngineCategories" onmouseover="resize_divProgress()" >
.overlay
{
border: black 1px solid;
padding: 5px;
z-index: 100;
width: 300px;
position: absolute;
background-color: #fff;
-moz-opacity: 0.75;
opacity: 0.75;
filter: alpha(opacity=75);
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
text-align: center;
}