Pobrałem całkiem lekki oraz łądny skrypt dla tabów:

http://www.php-development.ru/javascripts/tab-view.php

Dodałem jego do swojej skórki lecz z jakiegoś powodu nie działa drugi blok gdzie pierwszy zawsze bez problemowo a oto część mojego kodu

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-gb" xml:lang="en-gb">
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  5. <meta http-equiv="content-style-type" content="text/css" />
  6. <meta http-equiv="content-language" content="en-gb" />
  7.  
  8. <link rel="stylesheet" type="text/css" href="../theme/deafult/css/tab-view.css"/>
  9. </head>
  10. <body>
  11.  
  12. <div id="wrapper">
  13.  
  14. <?include ("./theme/default/blocks/block-tab1.php"); ?>
  15.  
  16. <?include ("./theme/default/blocks/block-tab2.php"); ?>
  17.  
  18. </div>
  19.  
  20. <script type="text/javascript" src="./theme/deafult/js/tab-view.js"></script>
  21. <script type="text/javascript">tabview_initialize('TabView');</script>
  22.  
  23. </body>
  24. </html>


a oto kod pierwszego:

  1. <div class="TabView" id="TabView">
  2.  
  3. <!-- ***** Tabs ************************************************************ -->
  4.  
  5. <div class="Tabs" style="width: 452px;">
  6. <a class="Current">Tab 1</a>
  7. <a>Tab 2</a>
  8. <a>Tab 3</a>
  9. </div>
  10.  
  11. <!-- ***** Pages *********************************************************** -->
  12.  
  13. <div class="Pages" style="width: 450px; height: 300px;">
  14. <div class="Page" style="display: block;"><div class="Pad">Page 1</div></div>
  15. <div class="Page" style="display: none;"><div class="Pad">Page 2</div></div>
  16. <div class="Page" style="display: none;"><div class="Pad">Page 3</div></div>
  17. </div>
  18.  
  19. </div>


kod drugiego bloku wygląda identycznie.



mniejsza już o to...znalazłem rozwiązanie a wystarczyło dopisać jakieś inne id coś ala:

<script type="text/javascript">tabview_initialize('TabView');tabview_initialize('TabView-2');</script>

Proszę o zamknięcie tematu czy też usunięcie....