Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Pokaż / ukryj <div ...
Forum PHP.pl > Forum > Po stronie przeglądarki
son
Witam
Jest taki skrypt:
  1. <script language='javascript' type='text/javascript'>
  2. function ShowHide(id1, id2) {
  3. if (id1 != '') expMenu(id1);
  4. if (id2 != '') expMenu(id2);
  5. }
  6.  
  7. function expMenu(id) {
  8. var itm = null;
  9. if (document.getElementById) {
  10. itm = document.getElementById(id);
  11. } else if (document.all){
  12. itm = document.all[id];
  13. } else if (document.layers){
  14. itm = document.layers[id];
  15. }
  16.  
  17. if (!itm) {
  18. // do nothing
  19. }
  20. else if (itm.style) {
  21. if (itm.style.display == "none") { itm.style.display = ""; }
  22. else { itm.style.display = "none"; }
  23. }
  24. else { itm.visibility = "show"; }
  25. }
  26.  
  27. (...)
  28.  
  29. <tr>
  30. <td width="50%">
  31. <a href="javascript:ShowHide('qr_open1','qr_closed1');">link 1</a><br>
  32. <a href="javascript:ShowHide('qr_open2','qr_closed2');">link 2y</a><br>
  33. <a href="javascript:ShowHide('qr_open3','qr_closed3');">link 3</a><br>
  34. <a href="javascript:ShowHide('qr_open4','qr_closed4');">link 4</a><br>
  35. <a href="javascript:ShowHide('qr_open5','qr_closed5');">link 5</a>
  36.  
  37. </td>
  38. <td width="50%">
  39. <div align='left' id='qr_open1' style="display:none;position:relative;">
  40. Div nr 1<br>
  41. </div>
  42. <div align='left' id='qr_open2' style="display:none;position:relative;">
  43. Div nr 2
  44. </div>
  45. <div align='left' id='qr_open3' style="display:none;position:relative;">
  46. Div nr 3
  47. </div>
  48. <div align='left' id='qr_open4' style="display:none;position:relative;">
  49. Div nr 4
  50. </div>
  51. <div align='left' id='qr_open5' style="display:none;position:relative;">
  52. Div nr 5
  53. </div>
  54. </td>

Chciałbym żeby kiedy klikam kolejne linki, aktywne div'y gasły, a uaktywniał sie tylko ten na który klikam.
W tej chwili otwierają się jeden po drugim i żeby zgacić każdy jeden trzeba kliknąć w ten sam link, którym go uaktywniano.

Pozdrawiam
Majdan
Tak na marginesie:
Wers 1, nie ma czegoś takiego: language='javascript'.
son
Cytat(Majdan @ 2005-01-25 20:05:14)
Tak na marginesie:
Wers 1, nie ma czegoś takiego: language='javascript'.

Wiem, ale to nie mój skryt tongue.gif
revyag
Rozwiązanie troche łopatologiczne, ale z braku laku może Ci się przyda smile.gif
Kod
.....
else if (itm.style) {
    if (itm.style.display == "none") {
        for(var i=1;i<=5;++i){                                            
            if(document.getElementById("qr_open"+i).style.display=="") {  
                document.getElementById("qr_open"+i).style.display="none";
             }
        }
        itm.style.display = "";
}
else { itm.style.display = "none"; }
......
son
Trochę przerobiłem ten skrypt revyag'a ale działa smile.gif
Thx winksmiley.jpg
jerrys
Można zamiast sprawdzać wszystkie - przy uaktywnianiu warstwy zapisac w zmiennej jej id i wtedy jak odpalamy druga to gasimy ta zapisana w zmiennej i do zmiennaj zapisujemy aktualnie widoczną. biggrin.gif Tak zawsze będziemy wiedzieli która jest aktywna biggrin.gif
Cysiaczek
hmmm. Ja tez mam problem. Otóż tworzę CMS na warstwach i ma on taką funkcjonalność

  1. <?php
  2.  
  3. print '<input type=\"radio\" name=\"typ\" value=\"1\"onclick=\"document.getElementById('rodzajart').style.visibility='visible',getElementById('rodzajopow').style.visibility='hidden',getElementById('formaart').style.visibility='hidden'\">';
  4.  
  5. ?>


Wyświetla jedno okienko "typ". Później wybieramy ('rodzajart') rodzaj artykułu i obok pojawia się div z ich rodzajami. OK. Jak wybiorę rodzaj artykułu, to pojawia się jego forma juz w trzecim oddzielnym divie
(typ->rodzaj->forma)

Teraz jak klinkę sobie znów na "TYP", to chcę wybrać inny typ tekst (np opowiadanie) oraz chcę, aby chowały się wszystkie divy oprócz jednego (właśnuie TYPu). Umiem zrobic to łopatologicznie jak w powyższym skrypcie, ale chodzi mi o to, aby po prostu chowały się wszystkie divy, a nie tylko te, które sobie wybiorę - takie małe HIDE ALL.

Macie na to jakąś radę?
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.