Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Pokaz/Ukryj w tabeli
Forum PHP.pl > Forum > Przedszkole
stefik4
Witam Posiadam pewną tabelę i chce zrobić że pod rekordem wyświetalnymw jednej linije, będzie druga linijka nie widoczna, lecz widoczna po kliknięciu. Wszystko działa, tylko skrypt nie uznaje jakby atrybutu "colspan" ;/

KOD:
  1. <script type="text/javascript">
  2. function Pokaz(secNum){
  3. secNum = document.getElementById(secNum);
  4. if(secNum.style.display=="none"){
  5. secNum.style.display="block";
  6. } else {
  7. secNum.style.display="none";
  8. }
  9. }
  10. function odswiez() {
  11. window.location.reload();
  12. }
  13. </script>
  14. <table rules="all" style="border: 1px solid #444444;line-height: 20px;" class="tabelka" width="100%" align="center">
  15. <tr>
  16. <td style="width: 20px;">#.</td>
  17. <td><b>Klub</b></td>
  18. <td style="width: 25px;" class="center">M</td>
  19. <td style="width: 25px;" class="center">Z</th>
  20. <td style="width: 25px;" class="center">R</th>
  21.  
  22. <td style="width: 25px;" class="center">P</th>
  23. <td class="center" style="width: 25px;">B</th>
  24. <td style="width: 75px;" class="center">m.pkt</th>
  25. <th>bilans</th><th class="liga">pkt</th>
  26. </tr>
  27. <tr class="lider" id="team[9]a">
  28. <td>1.</td>
  29.  
  30. <td><a href="#" onclick="Pokaz('team[9]b')">Klub</a></td><td class="center">3</td><td class="center">3</td><td class="center">0</td><td class="center">0</td><td class="center">0</td><td class="center">180 - 90</td><td class="center">+90</td><td class="center">6</td></tr>
  31.  
  32. <tr id="team[9]b" style="display:none;"><td colspan="10">Klub</td></tr>
  33. </table>


Można przetestować np w edytorze: http://www.w3schools.com/js/tryit.asp?filename=tryjs_text
tehaha
1. nie mieszaj td i th, albo jedno albo drugie, a nie że zaczynasz jako <td> a kończysz </th>
2. wiersz tabeli to jak sama nazwa wskazuje to wiersz tabeli a nie blok, czyli display:table-row; zamiast display:block;

  1. <script type="text/javascript">
  2. function Pokaz(secNum){
  3. secNum = document.getElementById(secNum);
  4. if(secNum.style.display=="none"){
  5. secNum.style.display="table-row";
  6. } else {
  7. secNum.style.display="none";
  8. }
  9. }
  10. function odswiez() {
  11. window.location.reload();
  12. }
  13. </script>
  14. <table rules="all" style="border: 1px solid #444444;line-height: 20px;" class="tabelka" width="100%" align="center">
  15. <tr>
  16. <th style="width: 20px;">#.</th>
  17. <th><b>Klub</b></th>
  18. <th style="width: 25px;" class="center">M</th>
  19. <th style="width: 25px;" class="center">Z</th>
  20. <th style="width: 25px;" class="center">R</th>
  21.  
  22. <th style="width: 25px;" class="center">P</th>
  23. <th class="center" style="width: 25px;">B</th>
  24. <th style="width: 75px;" class="center">m.pkt</th>
  25. <th>bilans</th>
  26. <th class="liga">pkt</th>
  27. </tr>
  28. <tr class="lider" id="team[9]a">
  29. <td>1.</td>
  30. <td><a href="#" onclick="Pokaz('team[9]b')">Klub</a></td>
  31. <td class="center">3</td>
  32. <td class="center">3</td>
  33. <td class="center">0</td>
  34. <td class="center">0</td>
  35. <td class="center">0</td>
  36. <td class="center">180 - 90</td>
  37. <td class="center">+90</td>
  38. <td class="center">6</td>
  39. </tr>
  40.  
  41. <tr id="team[9]b" style="display:none;">
  42. <td colspan="10">Klub</td>
  43. </tr>
stefik4
ad. 1 To pozostałości po starym skrypcie, dzięki za zauważenie.
ad. 1 Dzięki wielkie, działa winksmiley.jpg
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.