Multiple divs?

[youradds]

Hi,

I have the following bit of code;

              <script language="javascript"> 
              <!-- 
              var state = 'none'; 

              function showhide(layer_ref) { 

              if (state == 'block') { 
              state = 'none'; 
              } 
              else { 
              state = 'block'; 
              } 
              if (document.all) { //IS IE 4 or 5 (or 6 beta) 
              eval( "document.all." + layer_ref + ".style.display = state"); 
              } 
              if (document.layers) { //IS NETSCAPE 4 or below 
              document.layers[layer_ref].display = state; 
              } 
              if (document.getElementById &&!document.all) { 
              hza = document.getElementById(layer_ref); 
              hza.style.display = state; 
              } 
              } 
              //--> 
              </script>

...which works greate with hiding/showing a div layers. i.e;

<a onclick="showhide('div_233')">

This works fine ... if using;

<div id="div_233">

... but how could I change it to work with;

<div id="div_233.1">..</div>
<div id="div_233.2">..</div>
<div id="div_233.3">..</div>
<div id="div_233.4">..</div>
<div id="div_233.5">..</div>
..etc

So in short, I need to make all of these "divs" visable when using the showhide() routine.

Any suggestions?

TIA

 

[tsdragon]

<script language="javascript"> 
<!-- 
var state = 'none'; 
var numDivs = 9; // change this to the number of divs

function showhide(layer_ref) { 

  for ( var x = 1; x <= numDivs; x++ ) {
    if (state == 'block') {
      state = 'none'; 
    } else { 
      state = 'block'; 
    } 
    if (document.all) { //IS IE 4 or 5 (or 6 beta) 
      document.all[layer_ref+x]style.display = state; 
    } 
    if (document.layers) { //IS NETSCAPE 4 or below 
      document.layers[layer_ref+x].display = state; 
    } 
    if (document.getElementById &&!document.all) { 
      hza = document.getElementById(layer_ref+x); 
      hza.style.display = state; 
    }
  }
} 
//--> 
</script>

Notice a couple of things:

I took out the use of eval in that one statement. I don't think you need it.

I did NOT put a dot (period) in the name of the divs. I don't think it's allowed (I never do it, so I'm not certain).


Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.

 

[cLFlaVA]

try something like:

// get all divs
var allDivs = document.getElementsByTagName('div');

// loop through all divs
for (var i = 0; i < allDivs.length; i++) {
    
    // if the div id starts with div_233
    if (allDivs[i].id.indexOf('div_233') > -1) {

        // hide or show div - put your code here

    }
}

*cLFlaVA
----------------------------
[tt]a frickin' twelve-gauge, what do you think?[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]