Pokaż / ukryj <div ..., Jak zgasić wszystkie aktywne div'y Opcje

[son]

Witam
Jest taki skrypt:

[HTML] pobierz, plaintext 
<script language='javascript' type='text/javascript'>
	function ShowHide(id1, id2) {
	  if (id1 != '') expMenu(id1);
	  if (id2 != '') expMenu(id2);
	}
 
	function expMenu(id) {
	  var itm = null;
	  if (document.getElementById) {
		itm = document.getElementById(id);
	  } else if (document.all){
		itm = document.all[id];
	  } else if (document.layers){
		itm = document.layers[id];
	  }
 
	  if (!itm) {
	   // do nothing
	  }
	  else if (itm.style) {
		if (itm.style.display == "none") { itm.style.display = ""; }
		else { itm.style.display = "none"; }
	  }
	  else { itm.visibility = "show"; }
	}
</script>
 
(...)
 
<table>
            <tr>
		<td width="50%">
			<a href="javascript:ShowHide('qr_open1','qr_closed1');">link 1</a><br>
			<a href="javascript:ShowHide('qr_open2','qr_closed2');">link 2y</a><br>
			<a href="javascript:ShowHide('qr_open3','qr_closed3');">link 3</a><br>
			<a href="javascript:ShowHide('qr_open4','qr_closed4');">link 4</a><br>
			<a href="javascript:ShowHide('qr_open5','qr_closed5');">link 5</a>
 
		</td>
		<td width="50%">
			<div align='left' id='qr_open1' style="display:none;position:relative;">
				Div nr 1<br>
			</div>
			<div align='left' id='qr_open2' style="display:none;position:relative;">
				Div nr 2
			</div>
			<div align='left' id='qr_open3' style="display:none;position:relative;">
				Div nr 3
			</div>
			<div align='left' id='qr_open4' style="display:none;position:relative;">
				Div nr 4
			</div>
			<div align='left' id='qr_open5' style="display:none;position:relative;">
				Div nr 5
			</div>
		</td>
[HTML] pobierz, plaintext 

Chciałbym żeby kiedy klikam kolejne linki, aktywne div'y gasły, a uaktywniał sie tylko ten na który klikam.
W tej chwili otwierają się jeden po drugim i żeby zgacić każdy jeden trzeba kliknąć w ten sam link, którym go uaktywniano.

Pozdrawiam

Ten post edytował son 25.01.2005, 18:37:15

[Majdan]

Tak na marginesie:
Wers 1, nie ma czegoś takiego: language='javascript'.

[son]

Tak na marginesie:
Wers 1, nie ma czegoś takiego: language='javascript'.

Wiem, ale to nie mój skryt (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

[revyag]

Rozwiązanie troche łopatologiczne, ale z braku laku może Ci się przyda (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Kod

.....
else if (itm.style) {
    if (itm.style.display == "none") {
        for(var i=1;i<=5;++i){                                            
            if(document.getElementById("qr_open"+i).style.display=="") {  
                document.getElementById("qr_open"+i).style.display="none";
             }
        }
        itm.style.display = "";
}
else { itm.style.display = "none"; }
......

[son]

Trochę przerobiłem ten skrypt revyag'a ale działa (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Thx (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[jerrys]

Można zamiast sprawdzać wszystkie - przy uaktywnianiu warstwy zapisac w zmiennej jej id i wtedy jak odpalamy druga to gasimy ta zapisana w zmiennej i do zmiennaj zapisujemy aktualnie widoczną. (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) Tak zawsze będziemy wiedzieli która jest aktywna (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

[Cysiaczek]

hmmm. Ja tez mam problem. Otóż tworzę CMS na warstwach i ma on taką funkcjonalność

[PHP] pobierz, plaintext 
<?php
 
print '<input type=\"radio\" name=\"typ\" value=\"1\"onclick=\"document.getElementById('rodzajart').style.visibility='visible',getElementById('rodzajopow').style.visibility='hidden',getElementById('formaart').style.visibility='hidden'\">';
 
?>
[PHP] pobierz, plaintext 

Wyświetla jedno okienko "typ". Później wybieramy ('rodzajart') rodzaj artykułu i obok pojawia się div z ich rodzajami. OK. Jak wybiorę rodzaj artykułu, to pojawia się jego forma juz w trzecim oddzielnym divie
(typ->rodzaj->forma)

Teraz jak klinkę sobie znów na "TYP", to chcę wybrać inny typ tekst (np opowiadanie) oraz chcę, aby chowały się wszystkie divy oprócz jednego (właśnuie TYPu). Umiem zrobic to łopatologicznie jak w powyższym skrypcie, ale chodzi mi o to, aby po prostu chowały się wszystkie divy, a nie tylko te, które sobie wybiorę - takie małe HIDE ALL.

Macie na to jakąś radę?