[JavaScript]Zmiana stylu elementu Opcje

[stefik4]

[PHP] pobierz, plaintext 
<script type="text/javascript">
 
function show(co,ile,ile2){
 
switch(co){
	case 'junior': var na = 'senior'; break;
	case 'senior': var na = 'junior'; break;
};
 
alert('chcesz zobaczyc pola: '+co+'1-'+ile+', a ukryc: '+na+'1-'+ile2);
 
			   for(i=0;i<=ile;i++) 
   { document.getElementById(co+'_'+i).style.border='2px dotted #24c3d1'; }
 
			   for(z=0;z<=ile2;z++) 
   { document.getElementById(na+'_'+z).style.border='0px dotted #24c3d1'; }
 
}
 
</script> 
[PHP] pobierz, plaintext 

Posiadam taki kod JS. Mam an stronie tabelę, której linie przedstawiają się następująco:
<tr id="senior_0">...</tr>
<tr id="junior_0">...</tr>
<tr id="senior_1">...</tr>
<tr id="senior_2">...</tr>
<tr id="junior_1">...</tr>
<tr id="senior_3">...</tr>
<tr id="senior_4">...</tr>
<tr id="senior_5">...</tr>
<tr id="junior_2">...</tr>
<tr id="senior_6">...</tr>

Pod tym wszystkim mam dwa odnośniki:

[PHP] pobierz, plaintext 
<a href="#" onclick="show('junior','2','6')">Pokaż juniorów</a>
<a href="#" class="black_buttons" onclick="show('senior','6','2')">Pokaż seniorów</a>
[PHP] pobierz, plaintext 

gdy kliknę na pokaz juniorów to prawidłowo bierze w ramkę tych juniorów, lecz jeśli później kliknę w pokaz seniorów to juniorzy się nie odznaczają jakby, czyli coś nie tak jest z drugą częścią kodu ;/

Walczę z tym już od dawna i nie mogę sobie poradzić ;/

Ten post edytował stefik4 8.10.2010, 19:55:40

[skowron-line]

Ogólnie cała funkcja jest źle zbudowana, no ale jakby to już co innego

[JAVASCRIPT] pobierz, plaintext 
var table = document.getElementById('table');
var tr = table.getElementsByTagName('tr');
for(var i=0; i<=tr.length; i++)
{
if(tr[i].id.indexOf(junior_senior) //<---- sprawdzasz czy w ID znajduje się szukany ciąg "junior" lub "senior" UWAGA indexOf nie działa w IE
{
// pokazujesz
}
else
{
// ukrywasz
}
}
[JAVASCRIPT] pobierz, plaintext 

Albo przeczytaj sobie https://developer.mozilla.org/En/DOM/Document.querySelector to i pokombinuj z selektorami.