[JS]Zaznaczanie i odznaczanie wierszy/pól Opcje

[Oczko21]

Witam,
Mam problem ze zrobieniem mozliwosci zaznaczania i odznaczania wierszy/pól. Chciałbym aby w momencie zaznaczenia innego wiersza, poprzednie wracało do normalnego stanu. Kombinowałem coś takiego:

[HTML] pobierz, plaintext 
       function select_option(id)
       {
                                           <!-- Probowałem też coś takiego:
                                           document.getElementsByTagName('li').style.fontWeight='100';
                                           -->
			 document.getElementById('option-list').style.fontWeight='100';
			 document.getElementById(id).style.fontWeight='bold';
       }
 
 
 
<ul id="option-list">
     <li id="1" onclick="select_option(1)">Opcja 1</li>
     <li id="2" onclick="select_option(2)">Opcja 2</li>
     <li id="3" onclick="select_option(3)">Opcja 3</li>
          <ul>
                 <li id="4" onclick="select_option(4)">Podopcja 1</li>
                 <li id="5" onclick="select_option(5)">Podopcja 2</li>
          </ul>
</ul>
[HTML] pobierz, plaintext 

Ale coś to wszystko nie chce razem współgrać. Ktoś mógłby nakierować mnie na prawidłowe rozwiązanie? (IMG:style_emoticons/default/smile.gif)

Ten post edytował Oczko21 30.07.2011, 17:53:01

[kamil4u]

Zrób tak:
- w chwili kliknięcia nadajesz dodatkową klasę - np. active
- przed tym wyszukujesz elementu o takiej klasie - getElementsByClassName i zmieniasz wartość "staremu" elementowi
- w parametrze nie przekazuj liczby "1", tylko:

Kod

onclick="funkcja(this)"

, a w funkcji:

Kod

function funkcja( element){ /*w zmiennej element masz referencję do klikniętego elementu*/ }

- id nie może być liczbą