 Zmiana warstw przy pomocy radio... |
  |
| Zmiana warstw przy pomocy radio... |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 262 Pomógł: 5 Dołączył: 8.02.2005 Skąd: Olsztyn / Zatorze Ostrzeżenie: (0%) 
 |
Witam!
Dawno tu nie zaglądałem, no ale sytuacja mnie zmusiła gdyż nie wiem jak wykonać pewien patent, w którym trzeba użyć js (a ja tydzień temu zacząłem naukę i nie bardzo wiem jak to wykonać). Otóż dla przykładu są dwa inputy radio i chcem by po kliknięciu na pierwszy pojawiła mi się warstwa (div) z pierwszym formularzem zaś po kliknięciu na radio drugie wyświetlił by mi sie drugi formularz a pierwszy schował (oczywiście bez przeładowania strony). W sumie to ja wykonałem tyko niestety nie działa pod explorerem to (w ff i operze działa), więc chciałbym was prosić o jakiś krótki kod, wyjaśnienie lub link który byłby wstanie mi pomóc z moim problemem. Miło by było gdyby po np. odświeżeniu strony dany formularz został (a nie wrócił początkowy - bo do tej pory mi tak wychodziło). Będę wdzięczny za pomoc. Pozdrawiam |
 |
 
|
|
Post
#2
|
|
|
Grupa: Przyjaciele php.pl Postów: 2 258 Pomógł: 16 Dołączył: 21.09.2004 Skąd: Kielce Ostrzeżenie: (0%)
|
Dwie warstwy, nadaj im id.
W zdarzeniu onclick radio wywołujesz funkcję która ustawi styl display jednej warstwie na block, a drugiej na none, a w drugim radio na odwrót. To tytułem wyjaśnienia, resztę spokojnie sam znajdziesz. |
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 262 Pomógł: 5 Dołączył: 8.02.2005 Skąd: Olsztyn / Zatorze Ostrzeżenie: (0%)
|
no własnie tak robiłem i to nie zawsze działą pod explorerem ...
zrobiłęm tak: Kod <?xml version="1.0" encoding="iso-8859-2" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> <head> <meta http-equiv="Content-type" content="text/xhtml; charset=ISO-8859-2" /> <title>w Brennej</title> <style type="text/css"> .w { display: block; } .n { display: none; } </style> <script type="text/javascript"> <!-- last="z1" function f(id){ document.getElementById(last).className="n"; document.getElementById(id).className="w"; last=id; } onload=function(){ for(i=2;i<=3;i++){ // tutaj ta 3 oznacza liczbe w ID ostatniej zakladki document.getElementById("z"+i).className="n"; } } //--> </script> </head> <body> <input type="radio" name="ok" value="nowy" checked="checked" onclick="f('z1')" />Tekst1 <br> <input type="radio" name="ok" value="stary" onclick="f('z2')" />Tekst2<BR> <div id="z1" class="w">tekst 1<br>teskts1-1</div> <div id="z2" class="w">tekst 2</div> </body> </head> i to raz działa raz nie ... explorer czepia sie do definicji display .... |
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 240 Pomógł: 0 Dołączył: 18.01.2004 Skąd: rzeszów / kraków Ostrzeżenie: (0%)
|
|
|
|
|
|
|
Aktualny czas: 23.08.2025 - 10:15 |
