Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Ukrywanie warstw DIVy
Forum PHP.pl > Forum > Po stronie przeglądarki
Spyder
Chcę aby strona działała na zasadzie ukrytych warstw dokładnie jak w moim przykładzie.

http://www.mikroprocki.freehost.pl/test.html

Tyle że jak dodaję więcej DIVów to strona automatycznie rośnie do dołu. Czy jest sposób aby temu zapobiec. Nie chodzi mi o opcje usunięcia przewijania strony. tylko aby pozostałe DIVy zajmowały tyle co ten pierwszy.
Próbowałem kilku innych bibliotek jak DOM czy Tab Content ale to co mam jest najlepsze chyba że ktoś zna coś podobnego.

Pozdrawiam
nospor
uzywanie visibility powoduje ukrywanie warstwy przy jednoczesnym zachowaniu jej rozmiarow na stronie.
uzyj display: none:

  1. <script language="JavaScript">
  2. <!--
  3. var ns6=document.getElementById&&!document.all;
  4. var ie4=document.all;
  5. var ns4=document.layers;
  6.  
  7. function pokaz(identyfikator) {
  8.  
  9. document.getElementById(identyfikator).style.display = "block";
  10. }
  11.  
  12. function ukryj(identyfikator) {
  13. document.getElementById(identyfikator).style.display = "none";
  14. }
  15. //-->
  16.  
  17. .tab {
  18. position: absolute;
  19. left: 0px;
  20. top: 20px;
  21. display: none;
  22.  
  23. width:600px;
  24. height:400px;
  25.  
  26. }
  27.  
  28. <a href="java script:ukryj('obrazek2'); ukryj('obrazek3');
  29. pokaz('obrazek1');" style="font-size: 14px;">Tab 1</a>
  30.  
  31. <a href="java script:ukryj('obrazek1'); ukryj('obrazek3');
  32. pokaz('obrazek2');" style="font-size: 14px;">Tab 2</a>
  33.  
  34. <a href="java script:ukryj('obrazek1'); ukryj('obrazek2');
  35. pokaz('obrazek3');" style="font-size: 14px;">Tab 3</a>
  36.  
  37. <div id="obrazek1" class="tab">
  38. <table bgcolor="red" width="600" height="400"><tr><td></td></tr></table></div>
  39.  
  40. <div id="obrazek2" class="tab">
  41. <table bgcolor="blue" width="600" height="400"><tr><td></td></tr></table></div>
  42.  
  43. <div id="obrazek3" class="tab">
  44. <table bgcolor="#000000" width="600" height="400"><tr><td></td></tr></table></div><script language='javascript1.2' type='text/javascript' src='http://freehost.pl/stats/stat.php?type=count_stat'></script>
  45. </body></html>
Spyder
DZIĘKI ŚMIGA TAK COŚ MYŚLAŁEM ŻE TO MOŻE BYĆ TO ( wolałem się upewnić ) winksmiley.jpg
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.