Luk andre DIV'er

<ole>

var oActive = null;
function showHideDiv(divID)
{
  if (oActive) oActive.style.display = 'none';
  oActive = document.getElementById(divID);
  oActive.style.display = 'block';
}

/mvh
</bole>

Nå, nu slettede jeg alt hvad jeg lige har skrevet...

Men altså for at opsummere:

//for at oprette et array:
var mitArray = new Array;

//for at fylde noget i det
mitXArray[0] = "xxx2";
mitXArray[1] = "xxx3";
mitXArray[2] = "xxx4";
mitXArray[3] = "xxx5";

//for at løbe igennem et array
//start med at erklære en variabel
//tjek om udsagnet er sandt
//øg variablen
//løkken kører igen hvis udsagnet stadig er sandt
for( var x=0; x<4; x+=1) {
  //sæt en værdi
  mitXArray[x] = "xxx"+x;
  //hent en værdi
  div_id = mitXArray[x];
}


Så det du skal gøre er at fylde 2 arrays op med henholdsvis xxx2-xxx10 og yyy2-yyy10 i strenge (tekstvariabler).
Det kan du gøre med en for løkke eller bare ved at skrive dem ind som vist.
Dernæste laver du en funktion der gemmer alle div'er væk, og dernæste viser det div du sender som argument igen.

Håber det var en hjælp.
~Niels~

Der er ingen grund til at loope noget igennem, hvis man gemmer den senest åbnede i en variabel  ;o)

OleBole-> Perfekt...næsten...nu kan jeg kan ikke skjule DIV'erne med funktionen, altså ikke vise nogen. Kan det tilrettes ?

Utestet fra hoften:

var oActive = null;
function showHideDiv(divID)
{
    var oDiv = document.getElementById(divID);
    if (oActive) oActive.style.display = 'none';
    if (oDiv==oActive) return oActive = null;
    oActive = document.getElementById(divID);
    oActive.style.display = 'block';
}

Ups  =)

var oActive = null;
function showHideDiv(divID)
{
    var oDiv = document.getElementById(divID);
    if (oActive) oActive.style.display = 'none';
    if (oDiv==oActive) return oActive = null;
    oActive = oDiv;
    oActive.style.display = 'block';
}

Tjah, og som jeg foretrækker at skrive den:

var oldElm = null;
function showHide(elm){
  var actElm = document.getElementById(elm).style;
  var vis = actElm.display != "block";
  if(oldElm)
    oldElm.display = "none";
  actElm.display = vis ? "block" : "none";
  oldElm = actElm;
}

-- giver lidt bedre muligheder for at forstå koden og hvordan javascript arbejder ...

-- men giver også masse at forklare, hvis man skal bruge dette !-)

-> OleBole

Lige i skabet. Takker.

Smid et svar !

Selvtak  =)

Tak for points  =)