Witam.

Czy moglby mi ktos powiedziec w jakis sposob moge wybrac wszystkie elementy w danym divie. Zeby bylo jasniej pokaze jak wyglada to do tej pory:

[HTML] pobierz, plaintext 
<div >
<a href="#nazwa_etykietu" 
onclick="document.getElementById('element_wazny').style.display = '';
document.getElementById('element1').style.display = 'none';
">
Przycisk
</a>
 
</div>
 
 
<!-- nazwy niestety nie maja sensownej struktury żeby po nich wybrac -->
<div id="lista_elementow" >
     <div id="element1"></div>
     <div id="element2"></div>
     ...
     <div id="element47"></div>
</div>
 
<div id="element_wazny" style="display: none">
 
</div>
[HTML] pobierz, plaintext 

Teraz po nacisnieciu przycisku
pojawia sie element_wazny
znika element1.

I jest super

Jednak jesli rociagne <a>

[HTML] pobierz, plaintext 
<a href="#nazwa_etykietu" 
onclick="document.getElementById('element_wazny').style.display = '';
document.getElementById('element1').style.display = 'none';
document.getElementById('element2').style.display = 'none';
...
document.getElementById('element47').style.display = 'none';
">
[HTML] pobierz, plaintext 

To juz po nacisnieciu przycisku te elementy nie znikaja.
Z przyczyn ode mnie niezaleznych nie moge "zniknac" div'a "lista_elementow"

Probowalem nadac elementa klase

[HTML] pobierz, plaintext 
     <div id="element1" class="znikanie"></div>
     <div id="element2" class="znikanie"></div>
<!-- i potem ukryc to w ten sposob -->
 
<a href="#nazwa_etykiety" onclick="document.getElementById('element_wazny').style.display = '';
document.getElementByClassName('znikanie').style.display = 'none';">
[HTML] pobierz, plaintext 

Ale lementy nie zniakaja.

Siedze nad tym juz 3h i nie wiem jak to zrobic.


PS: Chcialem tylko dodac ze jestem zielony z Javascript. Znam sie jedynie na php i html.


Edit: Moze to wina tego ze biblioteka jQuery jest wczytana - niestety z niej tez nie moge zrezygnowac.

Edit2: Zeobilem cos takiego:

[HTML] pobierz, plaintext 
	<script type="text/javascript">
function getElements()
  {
  var x=document.getElementsByClassName("znikanie");
  alert(x.length);
  }
</script>
[HTML] pobierz, plaintext 

Po kliknieciu zlicza dobrze klase teraz tylko jak wsadze ten kod:

document.getElementById('element1').style.display = '';
document.getElementsByClassName('znikanie').style.display = 'none';

to dalej elementy nie znikaja.

Jeśli korzystasz z jquery to czemu i tu nie wykorzystać, zasada jest prosta po kliknięciu w element o id="przycisk" zostają wyszukane (funkcja find() ) w elemencie z identyfikatorem id="lista_elementow" wszystkie divy o id="element" a następnie są one ukrywane przy pomocy funkcji np. hide();

[PHP] pobierz, plaintext 
 $("#przycisk").click(function () { 
      $('#lista_elementow').find('div#element').hide(); 
    });
[PHP] pobierz, plaintext 

Ewentualnie można spróbować tak:

[PHP] pobierz, plaintext 
	function zmien(zak) {
	    for (var x=1; x<=47; x++) {
	        if (x==zak) {document.getElementById(x).style.display = '';}
	        else {document.getElementById(x).style.display = 'none';}
	    } 
	}
[PHP] pobierz, plaintext 

[HTML] pobierz, plaintext 
 <a OnClick="zmien('1')"></a>
<div id="1" style="display: none">
.
.
.<div id="47" style="display: none">
[HTML] pobierz, plaintext 

powinno działać choć nie sprawdzałem.