Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] pokazywanie/ukrywanie diva
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
acztery
23.07.2007, 16:09:46
mam takie cos...

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3. <head>
  4. <title>Form</title>
  5. <script type="text/javascript">
  6.  
  7. window.onload = Laduj;
  8.  
  9. function Laduj()
  10. {
  11. document.forms[0].wybor.onchange = Pokaz;
  12. }
  13. function Pokaz()
  14. {
  15. var nazwa = "id-"+this.value
  16. var blok = document.getElementById(nazwa);
  17.  
  18. if (blok.style.display == 'none')
  19. {
  20. blok.style.display = 'block';
  21. }
  22. else
  23. {
  24. blok.style.display = 'none';
  25. }
  26.  
  27. var elements = document.getElementsByTagName('div');
  28. for (var i = 0;i < elements.length ;i++ )
  29. {
  30. if (elements[i].id)
  31. {
  32. if (elements[i].id != nazwa)
  33. {
  34. elements[i].style.display = "none";
  35. }
  36. }
  37. }
  38. }
  39. </script>
  40.  
  41. </head>
  42.  
  43. <body>
  44. <div>
  45. <form name="form" method="post">
  46. <select name="wybor">
  47. <option value="1">opcja pierwsza</option>
  48. <option value="2">opcja druga</option>
  49. </select>
  50. </form>
  51. <div id="id-1" style="display: none;">raz</div>
  52. <div id="id-2" style="display: none;">dwa</div>
  53.  
  54.  
  55. <div id="id-2" style="display: none;">daw dwa</div>
  56. </body>
  57. </html>
[HTML] pobierz, plaintext


i to po wyborze pokazuje danego DIV ale ja chce zrobic tak ze jak wybiore pozycje dwa to pokaze mi te 2 div gdzie id="id-2" a pokazuje tylko 1 ten pierwszy
mike
23.07.2007, 16:26:55
Nic dziwnego.
Identyfikatory muszą być unikalne.

Jeśli chcesz więcej elementów daj klasy i szukaj po klasach.
acztery
23.07.2007, 16:30:28
zamienilem id na class i nie dziala :/ nie wiem jak może coś wiecej napisz jakis przyklad jak możesz
Zajec
23.07.2007, 19:27:13
Może nie przeczytałeś o tym, że należy odwoływać się przez .className, a nie .class?
acztery
23.07.2007, 19:37:08
w tej czesci

[HTML] pobierz, plaintext 
  1. if (elements[i].id){if (elements[i].id != nazwa)
[HTML] pobierz, plaintext
daje zamiast id "className" ale nie dziala..
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.