Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Select VS Radio
Forum PHP.pl > Forum > Po stronie przeglądarki
aceide
Witam.
Posiadam takie coś:
  1. <script language="javascript">
  2. function change_vis(obj,value)
  3. {
  4.  if (value == "0")
  5.    document.getElementById(obj).style.display = "";
  6.  else
  7.    document.getElementById(obj).style.display = "none";
  8. }
  9. </script>


  1. <select name="csa_argumentacja" style="width: 100%" onchange="javascript:change_vis('box_1',this.value)">
  2.  
  3. <option value="0">-- argumentację wpisz poniżej lub wybierz z listy --</option>
  4. <option value="1">jest zgodny z nazwą firmy</option>
  5. <option value="2">jest zgodny z nazwą oferowanego produktu</option>
  6.  
  7. <textarea style="width: 100%" rows="2" id="box_1" name="csa_argumentacja_txt"></textarea>

... co powoduje zniknięcie <textarea> po zmianie w <select> na jakąkolwiek inną opcję niż value="0". I teraz zależy mi, żeby podobny skrypt robił to samo z elementami strony (pojawia się i znika winksmiley.jpg) ale w oparciu o <input type="radio"> z values powiedzmy "nie" (znikanie, i to miałoby być ustawione jako domyślne przy ładowaniu strony) i "tak", co spowoduje pojawienie się obszaru np. z <div>. Troszkę skomplikowane, ale mam nadzieję, że jakoś się odczytacie. Pozdrawiam smile.gif.
revyag
W body dajesz:
  1. <body onload="document.getElementById('box_1').style.display='none';">

no i elementy radio:
  1. <input name="show" type="radio" onclick="change_vis('box_1',0)">tak
  2. <input name="show" type="radio" onclick="change_vis('box_1',1)">nie
aceide
Dostosowałem troszkę Twój kod do mojego formularza i działa - dzięki smile.gif

Rozwiązanie problemu:
  1. <body onload="document.getElementById('box_1').style.display='none';">
  2.  
  3. <script language="javascript">
  4. function change_vis(obj,value)
  5. {
  6. if (value == 'yes')
  7. document.getElementById(obj).style.display = "";
  8. else
  9. document.getElementById(obj).style.display = "none";
  10. }
  11. <br><br>
  12.  
  13. <form action=""></form>
  14.  
  15. <input name="show" type="radio" onclick="change_vis('box_1','yes')">tak
  16. <input name="show" type="radio" onclick="change_vis('box_1','no')">nie
  17.  
  18. <br>
  19. <textarea style="width: 100%" rows="2" id="box_1" name="csa_argumentacja_txt"></textarea>
  20.  
  21. <input type="submit"></form>
  22.  
  23. </body>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.