[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

[stefik4]

Właśnie nie wiem zbytnio jak to zrobić an klasach ;/

// A Co do tej tabeli to błądnie tam wpisałem przyklad. sorry za pomyłkę.

// moga byc od 0, bo w tych liniach tr id tez mam od 0. Nadal nie wiem jak zrobic element.getdocument by class ;/

Ten post edytował stefik4 8.10.2010, 19:56:42

[BaN]

Właśnie nie wiem zbytnio jak to zrobić an klasach ;/

napisał już o tym @skowron-line, ale widzę, że jesteś zupełnie początkujący

dodajesz jakiś identyfikator do tabelki:

[HTML] pobierz, plaintext 
<table id="tabelka">
[HTML] pobierz, plaintext 

w wierszach gdzie masz juniorów robisz:

[HTML] pobierz, plaintext 
<tr class="junior">...</tr>
[HTML] pobierz, plaintext 

podobnie w wierszach gdzie masz seniorów:

[HTML] pobierz, plaintext 
<tr class="senior">...</tr>
[HTML] pobierz, plaintext 

funkcja JS:

[HTML] pobierz, plaintext 
function show(co){
  var tabelka=document.getElementById('tabelka');
  var wiersze=tabelka.getElementsByName('tr');
  for(var i=0, n=wiersze.length; i<n; ++i){
    wiersze[i].style.border=(wiersze[i].className==co) ? '2px dotted #24c3d1' : '0px dotted #24c3d1';
  }
}
[HTML] pobierz, plaintext 

no i oczywiście zmieni się wywołanie tych funkcji na odpowiednio:

[HTML] pobierz, plaintext 
<a href="#" onclick="show('junior');return false">Pokaż juniorów</a>
<a href="#" class="black_buttons" onclick="show('senior');return false">Pokaż seniorów</a>
[HTML] pobierz, plaintext 

// moga byc od 0, bo w tych liniach tr id tez mam od 0. Nadal nie wiem jak zrobic element.getdocument by class ;/

Poprawiłeś po moim wpisie (IMG:style_emoticons/default/smile.gif) ale identyfikatory na wierszach nie są potrzebne