function przerysuj(checkbox,kolor)
{
// jeśli kliknięty checkbox jest zaznaczony, to wywołujemy funkcję z parametrem, mówiącym że ma pokazać markery
// jeśli kliknięty checkbox nie jest zaznaczony, to wywołujemy funkcję z parametrem, mówiącym że ma ukryć markery
if(document.getElementById(checkbox).checked)
ukryjPokazKategorie(kolor,true);
else
ukryjPokazKategorie(kolor,false);
odswiezSidebar();
}
// ta funkcja pokazuje lub ukrywa markery danej kategorii, zgodnie z przekazanymi argumentami
function ukryjPokazKategorie(kolor,pokaz)
{
// kategoria oznacza id kategorii której widzialność trzeba zmienić
// jeśli pokaz = false, to znaczy że mamy ukryć, w przeciwnym wypadku pokazać
// dla każdego z markerów
for(var i=0; i<markery.length; i++)
{
// jeśli poszukiwana kategoria jest kategorią markera
if(markery[i].kolor==kolor)
{
// to go ukrywamy lub pokazujemy, w zależności od argumetu pokaz
if(pokaz==true)
markery[i].show();
else
markery[i].hide();
}
}
}
function pojemnosc(checkbox,pojemnosc)
{
if(document.getElementById(checkbox).checked)
ukryjPokazPojemnosc(pojemnosc,true);
else
ukryjPokazPojemnosc(pojemnosc,false);
odswiezSidebar();
}
function ukryjPokazPojemnosc(pojemnosc,pokaz)
{
for(var i=0; i<markery.length; i++)
{
if(markery[i].pojemnosc==pojemnosc)
{
if(pokaz==true)
markery[i].show();
else
markery[i].hide();
}
}
}
i html
<!-- pole z checkboxami -->
<div id="kategorieBelka" style="color: #666; font-style: italic;"> <input checked="checked" id="kol1" type="checkbox" onclick="przerysuj('kol1','czarny')" /> czarny
<input checked="checked" id="kol2" type="checkbox" onclick="przerysuj('kol2','biały')" /> biały
<input checked="checked" id="kol3" type="checkbox" onclick="przerysuj('kol3','czerwony')" /> czerwony
<input checked="checked" id="kol4" type="checkbox" onclick="przerysuj('kol4','żółty')" /> żółty
<tr><td><div id="otoczenieBelka" style="color: #666; font-style: italic;"> <input checked="checked" id="poj1" type="checkbox" onclick="pojemnosc('poj1','1,6')" /> 1,6
<input checked="checked" id="poj2" type="checkbox" onclick="pojemnosc('poj2','1,8')" /> 1,8
<input checked="checked" id="poj3" type="checkbox" onclick="pojemnosc('poj3','2,0')" /> 2,0
<input checked="checked" id="poj4" type="checkbox" onclick="pojemnosc('poj4','2,5')" /> 2,5