Witam koderów.


Mam problem ze zmianą właściwości CSS poprzez funkcję JS. Funkcję wywołuję w formularzu:

[HTML] pobierz, plaintext 
<input type="checkbox"  onchange="if (this.checked) {show_field();}else{hide_field();}" />
[HTML] pobierz, plaintext 

Same funkcje są w head i mają postać:

[HTML] pobierz, plaintext 
function show_field()
{
document.querySelector(".sh1").style.display="";
}
 
 
function hide_field()
{
document.querySelector(".sh1").style.display="none";
}
[HTML] pobierz, plaintext 

Zadaniem funkcji jest ukrycie elementów formularza w postaci wiersza tabeli:

[HTML] pobierz, plaintext 
<tr class="sh1"><td>NIP</td><td><input type="text ... /></td></tr> 
[HTML] pobierz, plaintext 

Problem polega na tym, że jeśli zdefiniuję klasę ".sh1"w pliku css lub bezpośrednio w pliku html to wywoływane funkcje nie działają. Funkcje są wykonywane ale żadne pola nie są ukrywane. Gdy znów usunę definicję to jest OK. W czym jest problem . Dodam jeszcze że domyślnie pola są ukryte, tak więc w definicji klasy CSS powinno być display=none; Gdyby oczywiście działało.

Pokaż jak wygląda definicja klasy .sh1 w css.

Po wielu próbach zostawiłem tylko tę opcję na której mi zależy. Czyli pola domyślnie niewidoczne.

[HTML] pobierz, plaintext 
.sh1
{
display:none;
}
[HTML] pobierz, plaintext 

No i są niewidoczne ale funkcje nie mogą zmienić tej właściwości.

[HTML] pobierz, plaintext 
document.querySelector(".sh1").style.display="table-row";
[HTML] pobierz, plaintext 

Sprawdź także czy element na którego ukryciu Ci zależy jest pierwszym elementem z daną klasą CSS w dokumencie.

Dzięki już działa. . Brakowało tylko właściwości: display określonej jako table-row w funkcji wyświetlającej pola.