wyświetlanie zdjęcia po wybraniu opcji radio

wyświetlanie zdjęcia po wybraniu opcji radio

m4dmike Zobacz profil	27.07.2012, 08:15:08 Post #1
Grupa: Zarejestrowani Postów: 17 Pomógł: 0 Dołączył: 25.02.2011 Ostrzeżenie: (0%)	Witam, Chciałbym aby po wybraniu jednej z opcji radio wyświetlało się zdjęcie przypisane do tej opcji. Głowię się i nie mogę nic wymyślić, proszę więc o pomoc. Wiem, że tutaj jest sam html ale to chyba trzeba wykonać w JS aby zmiana odbywała się bez przeładowania strony, po stronie klienta. Kod <form name="form" action="" method="post" > <input type="radio" id="1" name="rozmiar" value="1" onClick="<img scr='images/one.jpg'>"/> <input type="radio" id="2" name="rozmiar" value="2" onClick="<img scr='images/two.jpg'>"/> <input type="radio" id="3" name="rozmiar" value="3" onClick="<img scr='images/three.jpg'>"/> </form> Ten post edytował m4dmike 27.07.2012, 08:27:51

mhw Zobacz profil	27.07.2012, 08:34:56 Post #2
Grupa: Zarejestrowani Postów: 43 Pomógł: 10 Dołączył: 3.08.2009 Ostrzeżenie: (0%)	[HTML] pobierz, plaintext <html> <head> <title>test</title> </head> <body> <script type="text/javascript"> function change(x) { img = document.getElementById("image"); if(x == 1) img.src = "1.jpg"; if(x == 2) img.src = "2.jpg"; } </script> <form> <input type="radio" name="g1" value="1" id="1" onclick="change(1)"/> jeden <br /> <input type="radio" name="g1" value="2" id="2" onclick="change(2)"/> dwa </form> <img src="blank.jpg" id="image"/> </body> </html> [HTML] pobierz, plaintext O to chodzi? -------------------- "the quieter you become, the more you are able to hear"

m4dmike Zobacz profil	28.07.2012, 06:37:21 Post #3
Grupa: Zarejestrowani Postów: 17 Pomógł: 0 Dołączył: 25.02.2011 Ostrzeżenie: (0%)	dokładnie o to chodzi, wielkie dzięki! a wiesz może jak zmieniać style po kliknięciu na radio? Kod function change(x) { img = document.getElementById("image"); if(x == 1) img.src = "1.jpg"; document.getElementById('mini').style.width='300px'; if(x == 2) img.src = "2.jpg"; document.getElementById('mini').style.width='500px'; } taki zapis po kliknięciu x==1 zmienia styl, natomiast jak później kliknę x==2 to już nic się nie dzieje. Jakieś rady? Ten post edytował m4dmike 28.07.2012, 06:38:34

toaspzoo Zobacz profil	28.07.2012, 12:06:00 Post #4
Grupa: Zarejestrowani Postów: 778 Pomógł: 84 Dołączył: 29.07.2010 Skąd: Gliwice / Pławniowice Mistrz niezmordowanej klawiatury. Ostrzeżenie: (20%)	http://api.jquery.com/css/ -------------------- LS Easter egg <

mhw Zobacz profil	28.07.2012, 12:34:20 Post #5
Grupa: Zarejestrowani Postów: 43 Pomógł: 10 Dołączył: 3.08.2009 Ostrzeżenie: (0%)	Cytat(m4dmike @ 28.07.2012, 07:37:21 ) taki zapis po kliknięciu x==1 zmienia styl, natomiast jak później kliknę x==2 to już nic się nie dzieje. Jakieś rady? Eh, podstawy... Jeżeli wykonujesz więcej niż jedną instrukcję po if, to powinieneś umieścić je w klamrze {}, inaczej wykona się tylko pierwsza. Ten post edytował mhw 28.07.2012, 12:35:18 -------------------- "the quieter you become, the more you are able to hear"

1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Aktualny czas: 20.06.2025 - 15:14

Hosting zapewnia