[HTML][JavaScript][CSS]Dynamiczne zakładki JS Opcje

[sigal2006]

Mam taki oto kod prosty do zakładek dynamicznych jak mogę dodać opcje grafik tak aby wskazywało mi która warstwa jest aktualnie widoczna proszę o pomoc szukałem w google i nic

[HTML] pobierz, plaintext 
    <script>
    //<![CDATA[
    function pokazdiv(el) {
    for(var i=1; i<=3; i++) {
    if(el == i) {
    document.getElementById(el).style.display = "block";
    }else{
    document.getElementById(i).style.display = "none";
    }
    }
    }
    //]]>
    </script>
 
 
 
 
    <a href="java script:void(0);" onclick="pokazdiv('1');">Galeria</a>
    <a href="java script:void(0);" onclick="pokazdiv('2');">Filmy</a>
    <a href="java script:void(0);" onclick="pokazdiv('3');">Ogolne</a>
 
    <div id="1">jeden</div>
    <div id="2" style="display:none">dwa</div>
    <div id="3" style="display:none">trzy</div>
[HTML] pobierz, plaintext 

Ten post edytował sigal2006 2.03.2012, 23:02:17

[CuteOne]

[JAVASCRIPT] pobierz, plaintext 
 function pokazdiv(el, anhor) {
 }
 
 
    <a href="java script:void(0);" onclick="pokazdiv('1', this);" class="active">Galeria</a>
    <a href="java script:void(0);" onclick="pokazdiv('2', this);" class="unactive">Filmy</a>
    <a href="java script:void(0);" onclick="pokazdiv('3', this);" class="unactive">Ogolne</a>
[JAVASCRIPT] pobierz, plaintext 

teraz za pomocą setAttribute ustaw na klikanym linku klasę 'active' a na pozostałych 'unactive'. Dodaj style z background-image i po sprawie

[sigal2006]

a mozna by jasniej bo powiem szczerze że z JS to zielony jestem

[zegarek84]

[JAVASCRIPT] pobierz, plaintext 
var active_link, active_div;
function pokazdiv(id){
	var el = document.getElementById(id);
	// jesli id było nie poprawne elementu nie znajdzie
	// lub jeśli element jest już ustawiony i znalazło ten sam to nie ma sensu co kolwiek dalej robić
	// gdyż kliknięto ten sam link
	if(!el || el === active_div) return;
	// poprzednie aktywne elementy - zerowanie
	if(active_link && active_div){ // na początku elementy nie były ustawione więc musi być sprawdzenie
		// usuń z nich czy klasę czy jakoś wyzeruj ich ustawienia
		active_link.removeAttribute('class');
		// podobnie z divem - albo zmień mu klasę albo własności - tak jak miałeś
		active_div.style.display = "none";
	} //end if
	// nowe elementy
	active_link = this; // jeśli trochu więcej zamieżasz się bawić z js poczytaj o kontekście this
	active_div = el;
	// aktywuj aktualne elementy
	active_link.setAttribute('class', 'active');
	active_div.style.display = 'block';
} // end pokazdiv
[JAVASCRIPT] pobierz, plaintext