Dynamiczne zakładki - nie działają 2 panele na raz Opcje

[Diego22]

Witam buduję Stronę na php-fusion , chciałem dodać 2 panele po prawej z stronie z dynamicznymi zakładkami , jak jest tylko jeden panel włączony to wszystko jet ok , problem pojawia się gdy włącze 2 panel , to wtedy już nie działa. Jak klikam w zakładki w drugim panelu , to zawartość ich zmienia się w pierwszym , mimo że nie klikałem w nim. Jak to rowiązać ? Oto kod :

Kod

openside("Klasyfikacje"); ?>

    <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>



<?php closeside();

[morbic]

ID każdego DIVa musi być unikatowe dla całego dokumentu HTML.

Najlepiej zrobić:

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

Dla kolejnych paneli zmieniasz tylko drugi parametr funkcji pokazdiv() i pierwszy człon id wszystkich divów w panelu.

Ten post edytował morbic 11.05.2012, 21:42:26