[Javascript] Dynamiczne pola Opcje

[tenior]

Problem polega na zaznaczeniu opcji radio ma ukryć część formularza i pokazać inne pola

[HTML] pobierz, plaintext 
<tr><td width="150" align="left" valign="top">Opcja:</td><td>
<input type="radio" name="pers" value="firma"> FIRMA<br>
<input type="radio" name="pers" value="osoba" checked> OSOBA FIZYCZNA<br>
[HTML] pobierz, plaintext 

Standardowo wyświetlane są pola

[HTML] pobierz, plaintext 
<tr><td width="150" align="left">Imię i Nazwisko:</td><td><input size="23" name="imie"></td></tr>
<tr><td width="150" align="left">Numer pesel:</td><td><input size="23" name="pesel"></td></tr>
[HTML] pobierz, plaintext 

Ale po wybraniu opcje chce aby te dwa pola znikly a pojawily sie

[HTML] pobierz, plaintext 
<tr><td width="150" align="left">Nazwa firmy:</td><td><input size="23" name="nazwafirmy"></td></tr>
 <tr><td width="150" align="left">NIP:</td><td><input size="23" name="nip"></td></tr>
[HTML] pobierz, plaintext 

Widziałem taką kombinację na jakiejś stronie jednak nie mogę sobie przypomnieć adresu.

[#luq]

Wrzucasz obie te kombinacje pól w osobne divy o jakichśtam id, do inputa[name="pers"] dodajesz zdarzenie onchange, które sprawdza czy jest zaznaczony czy nie, i na tej podstawie ukrywa jeden div, a pokazuje drugi.
Tyle w teorii, a praktyka czyni mistrza, pamiętaj

[tenior]

jesli bylo by to tak proste to bym to zrobił, jak widać nie na darmo umieściłem znaczniki

[HTML] pobierz, plaintext 
<tr>
[HTML] pobierz, plaintext 

[lord_t]

Możesz to samo spróbować dla tr. Ewentualnie może zmiana wysokości (możliwe ze trzeba będzie pokombinować też z td).

[ayeo]

Witam!

Nie rozumiem co za problem w dodaniu jakiejś klasy do TR?

Pozdrawiam!

[#luq]

Oj sorry nie zauważyłem, że to w <tr /> siedzi...

Ogólnie to niczego nie zmienia, mógłbyś nawet tego diva wepchnąć chyba by wyglądało okej, że walidator by się pluł. Dodaj do tych <tr/> z obu kombinacji różną klasę i po tym wyszukasz element w DOM i go ukryjesz.
Rozumiem, że piszesz w czystym JS`ie, a więc getElementByTag() i sprawdzasz klasę elementu. Tyle

@edit: widzę, że mnie uprzedzono

Ten post edytował #luq 25.02.2010, 16:00:48

[vtuner]

No ale znaczniki <TR> mogą przyjmować takie same wartości style co <DIV> (tj. style="display: none"), więc robisz tak samo jak na DIV'ach. Nadajesz tym TR jakieś id (np. id="pierwszy_rzad") i potem w JS bierzesz metodę getElementById (czy podobna nazwa, już zapomniałem, bo dawno nie pisałem w czystym JS) i nadajesz odpowiedni display

Ten post edytował vtuner 25.02.2010, 16:02:44

[tenior]

właśnie w <tr> nie chce coś mi id działać

[lord_t]

A dałeś dla każdego wiersza rożne id? Bo id nie może się powtarzać. Możesz skorzystać z klas.

[tenior]

Dziękuję wszystkim za pomoc, a w szczególności lordowi