Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript调整和重新放置div_Javascript_Html_Coding Style_Resize - Fatal编程技术网

使用javascript调整和重新放置div

使用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"

我试图对显示ajax加载图像的div元素进行简单的调整大小和重新定位。它加载的内容可以更改大小,因此我希望div元素的大小调整为父元素的大小,在本例中是一个id为“thEngineCategories”的表维度

下面是我使用的javascript及其错误

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.offsetWidthdiv.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;
}