Expanding / Collapse specific div tags

[Tim]

hi all,

Im just starting to get into javascript, and what I am trying to do is
find a script that I can run on page load that will collapse / hide all
div tages that have an id that begins with "div_".

Basically I have a page with an infinite amount of div tags each having
their own id, ie div_0 , div_1 etc etc ..

on page load i want them all closed, but only these ones . not any
other div on the page .. how would I be able to do this ..

any help greatly appreciated ..

thanks

tim

 

[Ivo]

hi all,

Im just starting to get into javascript, and what I am trying to do is
find a script that I can run on page load that will collapse / hide all
div tages that have an id that begins with "div_".

Basically I have a page with an infinite amount of div tags each having
their own id, ie div_0 , div_1 etc etc ..

on page load i want them all closed, but only these ones . not any
other div on the page .. how would I be able to do this ..

any help greatly appreciated ..

thanks

tim

Put all div elements in an array and loop through that array, checking every
element's id as you go. For example like this:

function hidedivs() {
var els = document.getElementsByTagName( 'div' );
var num = els.length;
for( var i = 0; i<num; i++ ) {
if( els.id.indexOf( 'div_' )===0 ) {
els.style.display = 'none';
}
}
}
window.onload = hidedivs;

hth
ivo
http://4umi.com/web/javascript/

 

[Tim]

perfect .. thanks ! D