admin管理员组

文章数量:1415467

In my Rails app, I'm trying to hide a div (box) on page load in the Javascript function below. This function loops through a series of checkboxes with the same name (cb). If any of the checkboxes are checked, it should show the div.

function BoxCheck(cb,box){
var cbs=document.getElementsByName(cb);
var d=document.getElementById(box);
d.style.display = 'none'; 
var flag_check=0

for (var zxc0=0;zxc0<cbs.length;zxc0++){
  if (cbs[zxc0].checked){
    flag_check=flag_check+1
    } else
    { }
}
if (flag_check > 0){
    d.style.display = 'block'; 
    document.getElementById('multi_control_spacer').style.display = 'block';      
 } else {
    d.style.display = 'none'; 
    document.getElementById('multi_control_spacer').style.display = 'none'; 
 }
}

The function fires on load with:

<body onload="javascript:BoxCheck('doc_ids[]','multi_control');">

The problem is that when no checkboxes are selected, the div flashes on momentarily, and then disappears.

Here's the CSS:

#multi_control {
    padding: 10px;
    background: #333;
}

I tried setting the css to display:none, but then I can't seem to make it switch to back to display:block with Javascript.

In my Rails app, I'm trying to hide a div (box) on page load in the Javascript function below. This function loops through a series of checkboxes with the same name (cb). If any of the checkboxes are checked, it should show the div.

function BoxCheck(cb,box){
var cbs=document.getElementsByName(cb);
var d=document.getElementById(box);
d.style.display = 'none'; 
var flag_check=0

for (var zxc0=0;zxc0<cbs.length;zxc0++){
  if (cbs[zxc0].checked){
    flag_check=flag_check+1
    } else
    { }
}
if (flag_check > 0){
    d.style.display = 'block'; 
    document.getElementById('multi_control_spacer').style.display = 'block';      
 } else {
    d.style.display = 'none'; 
    document.getElementById('multi_control_spacer').style.display = 'none'; 
 }
}

The function fires on load with:

<body onload="javascript:BoxCheck('doc_ids[]','multi_control');">

The problem is that when no checkboxes are selected, the div flashes on momentarily, and then disappears.

Here's the CSS:

#multi_control {
    padding: 10px;
    background: #333;
}

I tried setting the css to display:none, but then I can't seem to make it switch to back to display:block with Javascript.

  • javascript
  • ruby-on-rails
Share Improve this question asked Jun 26, 2009 at 3:32 Sol IrvineSol Irvine
Add a ment  | 

1 Answer 1

Reset to default 8

Why not? Have you tried:

element.style.display = 'block';

How about putting style="display:none" into the div tag so it's hidden to begin with?

本文标签： javascriptHidden div flashing on page loadStack Overflow

版权声明：本文标题：javascript - Hidden div flashing on page load - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1745185258a2646652.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。