Facebook
From Bistre Zebra, 7 Years ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 292
  1. <html>
  2. <head>
  3. <style>
  4.        
  5. table {
  6. height: 50px;
  7. width: 200px;
  8. border-style: solid;
  9. border-width: 2px;
  10. border-color: black;
  11.  
  12. }
  13.  
  14. .x {
  15.         display: none; 
  16. }
  17.  
  18. .y {
  19.         display: none; 
  20. }
  21.  
  22. .z {
  23.         display: none; 
  24. }
  25.  
  26.  
  27. </style>
  28. </head>
  29. <body>
  30. <table>
  31. <tr>
  32. <td class="o1">Rozwin Menu1</td>
  33. </tr>
  34. <td class="x"><div id="a"><center>opcja 1</center></div></td>
  35. </tr>
  36. <td class="x"><div id="b"><center>opcja 2</center></div></td>
  37. </tr>
  38. <td class="x"><div id="c"><center>opcja 3</center></div></td>
  39. </table>
  40. <table>
  41. <tr>
  42. <td class="o2">Rozwin Menu2</td>
  43. </tr>
  44. <td class="y"><div id="a"><center>opcja 4</center></div></td>
  45. </tr>
  46. <td class="y"><div id="b"><center>opcja 5</center></div></td>
  47. </tr>
  48. <td class="y"><div id="c"><center>opcja 6</center></div></td>
  49. </table>
  50. <table>
  51. <tr>
  52. <td class="o3">Rozwin Menu3</td>
  53. </tr>
  54. <td class="z"><center>opcja 7</center></td>
  55. </tr>
  56. <td class="z"><center>opcja 8</center></td>
  57. </tr>
  58. <td class="z"><center>opcja 9</center></td>
  59. </table>
  60.  
  61. </body>
  62. </html>    
  63. <script>
  64.        
  65. function myFunction(x) {
  66.     x.style.background = "lime";
  67. }
  68. function myFuncti(x) {
  69.     x.style.background = "white";
  70. }
  71.  
  72. document.getElementsByTagName('td')[0].onclick = function() {document.getElementsByTagName('td')[5].style.display="none";document.getElementsByTagName('td')[6].style.display="none";document.getElementsByTagName('td')[7].style.display="none";document.getElementsByTagName('td')[9].style.display="none";document.getElementsByTagName('td')[10].style.display="none";document.getElementsByTagName('td')[11].style.display="none";         document.getElementsByTagName('td')[1].style.display="inline";document.getElementsByTagName('td')[2].style.display="inline";document.getElementsByTagName('td')[3].style.display="inline";      return false; };
  73. document.getElementsByTagName('td')[4].onclick = function() {document.getElementsByTagName('td')[1].style.display="none";document.getElementsByTagName('td')[2].style.display="none";document.getElementsByTagName('td')[3].style.display="none";       document.getElementsByTagName('td')[5].style.display="inline";document.getElementsByTagName('td')[6].style.display="inline";document.getElementsByTagName('td')[7].style.display="inline";      document.getElementsByTagName('td')[9].style.display="none";document.getElementsByTagName('td')[10].style.display="none";document.getElementsByTagName('td')[11].style.display="none";return false; };
  74. document.getElementsByTagName('td')[8].onclick = function() {document.getElementsByTagName('td')[1].style.display="none";document.getElementsByTagName('td')[2].style.display="none";document.getElementsByTagName('td')[3].style.display="none";       document.getElementsByTagName('td')[5].style.display="none";document.getElementsByTagName('td')[6].style.display="none";document.getElementsByTagName('td')[7].style.display="none";document.getElementsByTagName('td')[9].style.display="inline";document.getElementsByTagName('td')[10].style.display="inline";document.getElementsByTagName('td')[11].style.display="inline";        return false; };
  75.  
  76.  
  77.  
  78.  
  79.  
  80. </script>
  81.  
  82.