Witam, tworze szablon i projekt stroni. Wszystko pięknie, animowane z tym że docelowo strona ma mieć sporo treść, i gdyby wszystko miało być załadowane od razu, to byłaby ogromna i działała wolno. Przejrzyściej i na 100% lepiej byłoby gdyby poszczególne podstrony były wczytywane z osobnych plików, a nie jak do tej pory mam zrobione, że są ukryte i po kliknięciu ukazują się.
Na stronie http://mintajax.pl/Przewodnik/Kontrolki/ znalazłem coś co idealnie się nadaje, lecz pomimo spędzenia nad tym 3h nie umiem tego dostosować do swojej strony, ani nawet ich przykładu odtworzyć u mnie na komputerze (nie pomogło przekopiowanie źródła z podmienieniem na odnośniki prowadzące do ich strony).

czy mógłby ktoś wytłumaczyć mi na tym przykłądzie dlaczego nie działa?
  1. <html>
  2. <head>
  3. <script type='text/javascript' src="mintAjax.js"></script>
  4. <script type='text/javascript'>
  5.  
  6. function OnLoad() {
  7. var tabs = mint.gui.CreateTabWidget("tresc");
  8.  
  9. tabs.fading = true;
  10. tabs.activeClass = "active";
  11. tabs.hoverClass = "hover";
  12.  
  13. tabs.AddItem("tab1", "tab1", "text", "tab1.html");
  14. tabs.AddItem("tab2", "tab2", "text", "tab2.html");
  15. tabs.AddItem("tab3", "tab3", "text", "tab3.html");
  16. }
  17.  
  18. </script>
  19. </head>
  20. <body onload="OnLoad()">
  21.  
  22. <div id="tab1">tab1</div>
  23. <div id="tab2">tab2</div>
  24. <div id="tab3">tab3</div>
  25.  
  26. <div id="tresc" style="width:1000px; height: 1000px; background-color: #ababab;"></div>
  27.  
  28.  
  29. </body>
  30. </html>