max 1 sichtbarer div

[RanzigeMilch]

hallo.

habe folgendes script um divs, in denen informationen stehen, per klick auf den jeweiligen link ein-/auszublenden:
Code:

function definition(id) {
var css = document.getElementById(id).style;
if(css.display == 'block') {
css.display = 'none';
} else {
css.display = 'block';
}
}


nun möchte ich jedoch immer maximal nur einen div öffnen können. falls man also einen anderen link anklickt, sollte der vorherige div geschlossen werden und der neue angezeigt werden.
jetzt fehlt mir die passende funktion. weiß jemand rat?

grüße und danke für hilfe,

ranzi

[sgt]

Das würde ich über eine Schleife lösen.
Schließe erst alle Div-Container und öffne danach den entsprechenden wieder.

Gruß
Stephan

[RanzigeMilch]

des habsch probiert blos dann öffnet er irgendwie gar keinen mehr..

[asp2php]

wie sieht denn dein Versuch aus (modifizierte Funktion) ?

[frabron]

Ich habs folgendermaßen gelöst. In einem Array stehen die ids der divs, die ich mit der function beeinflussen möchte. An die funktion übergebe ich nun die id des divs, der angezeigt werden soll. mittels schleife durchlaufe ich den array und knipse nach bedarf an oder aus.

Dazu habe ich mir eine liste mit links zum wählen der divs gemacht.

[prego]

Die Idee mit dem Array ist doch ok.

Dazu habe ich mir eine liste mit links zum wählen der divs gemacht.

Was meinst du damit?

[frabron]

Naja, irgendwie muss man doch wählen können, welches div man gerade sehen will. Also sowas hier:

    <ul>
        <li><a href="javascript:showhide('tools')">Tools</a></li>
        <li><a href="javascript:showhide('layers')">Layer</a></li>
        <li><a href="javascript:showhide('legend')">Legend</a></li>
    </ul> 

[RanzigeMilch]

also ich hab hier nur fürn kollegen gefragt aber der hat des nu auf andere weise gelöst
trotzdem vielen dank für die mühen
mfg
ranzi

[frabron]

Für die Nachwelt kann ich ja noch grad meine JS - Funktion posten:

        function showhide(show) {
            var tools = new Array('tools', 'layers', 'legend');

            if (show == null) show = 'tools';
            
            for (elm in tools) {
              if (tools[elm] == show) {
                document.getElementById(tools[elm]).style.visibility = "visible";
                document.getElementById(tools[elm]).style.display = "block";
                document.map.legtool.value = tools[elm];
              } else {
                  document.getElementById(tools[elm]).style.visibility = "hidden";
                  document.getElementById(tools[elm]).style.display = "none";
              }
            }
        } 

[prego]

Grundliegend soweit, so gut...

Nur warum "display: none" UND "visibility: hidden"...

visbility: hidden versteckt das element, reserviert aber Platz dafür im Layout.
display: none versteckt das element und reserviert keinen Platz dafür im Layout

[frabron]

Ich wollte wohl auf Nummer sicher gehen ...