Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: ukrywanie wielu td
Forum PHP.pl > Forum > Po stronie przeglądarki
Dex1987
10.04.2006, 13:27:04
Witam,

mam taki kodzik

[HTML] pobierz, plaintext 
  1. <script>
  2.  
  3. function ShowHide (open, close) {
  4.  
  5.                    if (open != '') {
  6.  
  7.                        expMenu (open);
  8.                    }
  9.  
  10.                    if (close != '') {
  11.  
  12.                        expMenu (close);
  13.                    }
  14. }
  15.  
  16. function expMenu (id) {
  17.  
  18.                   var item = null;
  19.  
  20.                   if (document.getElementById) {
  21.  
  22.                       item = document.getElementById(id);
  23.  
  24.                   } else if (document.all) {
  25.  
  26.                              item = document.all[id];
  27.  
  28.                   } else if (document.layers){
  29.  
  30.                              item = document.layers[id];
  31.                   }
  32.  
  33.                   if (!item) {
  34.  
  35.                       // do nothing
  36.  
  37.                   } else if (item.style) {
  38.  
  39.                              if (item.style.display == "none") {
  40.  
  41.                                  item.style.display = "";
  42.  
  43.                              } else {
  44.  
  45.                                  item.style.display = "none";
  46.                              }
  47.  
  48.                   } else {
  49.  
  50.                              item.visibility = "show";
  51.                   }
  52. }
  53.  
  54. </script>
  55.  
  56.       <table border="0" align="center" cellpadding="0" cellspacing="0" width="90%" height="1">
  57.         <tr>
  58.           <td height="25" width="249" valign="top">
  59.             <font face="Verdana" size="2" color="#094AAC">
  60.               <a href="javascript:ShowHide('qr_opena1175','qr_closeda1175');">+ Menu główne</a>
  61.             </font>
  62.           </td>
  63.         </tr>
  64.         <tr id="qr_opena1175" style="display:none;position:relative;">
  65.               <td height="25" style="border-bottom: 1px solid #E8E8E8;" onmouseover="style.backgroundColor='#F9F9F9';" onmouseout="style.backgroundColor='#FFFFFF';" width="249">
  66.                 <font color="#4A4A4A" face="Verdana" size="2">
  67.                   <a href="home.html">&nbsp;&nbsp;&nbsp;Strona główna</a>
  68.                 </font>
  69.               </td>
  70.             </tr>      
  71.         <tr id="qr_opena1175" style="display:none;position:relative;">
  72.               <td height="25" style="border-bottom: 1px solid #E8E8E8;" onmouseover="style.backgroundColor='#F9F9F9';" onmouseout="style.backgroundColor='#FFFFFF';" width="249">
  73.                 <font color="#4A4A4A" face="Verdana" size="2">
  74.                   <a href="home.html">&nbsp;&nbsp;&nbsp;Strona główna</a>
  75.                 </font>
  76.               </td>
  77.             </tr>
  78.         </table>
[HTML] pobierz, plaintext


i teraz chce zrobic tak zeby po kliknieciu na "menu glowne" pokazywaly sie wszystkie komorki a nie tylko pierwsza. Zastanawiam sie jeszcze czy nie mozna tego kodu uproscic?

Z gory dzieki za odpowiedz, pozdrawiam dex.
Zajec
10.04.2006, 17:02:45
Cytat(Dex1987 @ 2006-04-10 13:27:04)
Zastanawiam sie jeszcze czy nie mozna tego kodu uproscic?.

[XML] pobierz, plaintext 
  1. <script type="text/javascript">
  2.  
  3. function ShowHide (open, close) {
  4.       if (open != '')
  5.       expMenu(open);
  6.       if (close != '')
  7.       expMenu(close);
  8. }
  9.  
  10. function expMenu(id) {
  11.       var item = document.getElementById(id);
  12.  
  13.       if (item.style)
  14.       {
  15.             if (item.style.display == "none")
  16.             item.style.display = "";
  17.             else
  18.             item.style.display = "none";
  19.       }
  20. }
  21.  
  22. </script>
[XML] pobierz, plaintext
Dex1987
10.04.2006, 17:08:59
niestety dziala tak jak dzialalo tyle ze po 2 kliknieciu sie juz nie chowa winksmiley.jpg
Zajec
10.04.2006, 21:30:52
W moim poprzednim kodzie była linijka
Kod
tem.style.display = "none";
zamiast
Kod
item.style.display = "none";
. Poprawiłem.
Dex1987
11.04.2006, 10:48:57
ok dziala tak jak dzialalo, pokazuje sie (chowa sie) tylko pierwszt td/tr.

Pozdrawiam dex.
revyag
11.04.2006, 12:16:34
Nie możesz nadawać wierszom tego samego id. Jeśli już chcesz z tego korzystać to dla każdego zrób unikalne.
Poza tym da się to prościej zrobić smile.gif
Kod
<style type="text/css">
table tr.none {
    display:none;
}
table tr.visible {
    display:table-row;
}
</style>

Kod
<script type="text/javascript">
function ShowHide() {
    var trs = document.getElementsByTagName("tr");

    for (i in trs) {
        if(trs[i].className == 'none') {
            trs[i].className = 'visible'
        } else {
            if(trs[i].className == 'visible') {
                trs[i].className = 'none'
            }
        }
    }
}
</script>


[HTML] pobierz, plaintext 
  1. <table border="0" align="center" cellpadding="0" cellspacing="0" width="90%" height="1">
  2.        <tr>
  3.          <td height="25" width="249" valign="top">
  4.            <font face="Verdana" size="2" color="#094AAC">
  5.              <a href="javascript:ShowHide();">+ Menu główne</a>
  6.            </font>
  7.          </td>
  8.        </tr>
  9.        <tr class="none">
  10.              <td height="25" style="border-bottom: 1px solid #E8E8E8;" onmouseover="style.backgroundColor='#F9F9F9';" onmouseout="style.backgroundColor='#FFFFFF';" width="249">
  11.                <font color="#4A4A4A" face="Verdana" size="2">
  12.                  <a href="home.html">&nbsp;&nbsp;&nbsp;Strona główna</a>
  13.                </font>
  14.              </td>
  15.            </tr>      
  16.        <tr class="none" >
  17.              <td height="25" style="border-bottom: 1px solid #E8E8E8;" onmouseover="style.backgroundColor='#F9F9F9';" onmouseout="style.backgroundColor='#FFFFFF';" width="249">
  18.                <font color="#4A4A4A" face="Verdana" size="2">
  19.                  <a href="home.html">&nbsp;&nbsp;&nbsp;Strona główna</a>
  20.                </font>
  21.              </td>
  22.            </tr>
  23.        </table>
[HTML] pobierz, plaintext
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.