Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Ukrywanie warstw DIVy
Spyder
post
Post #1





Grupa: Zarejestrowani
Postów: 269
Pomógł: 7
Dołączył: 12.10.2006
Skąd: Newcastle Upon Tyne

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004




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>
Go to the top of the page
+Quote Post
Spyder
post
Post #3





Grupa: Zarejestrowani
Postów: 269
Pomógł: 7
Dołączył: 12.10.2006
Skąd: Newcastle Upon Tyne

Ostrzeżenie: (0%)
-----


DZIĘKI ŚMIGA TAK COŚ MYŚLAŁEM ŻE TO MOŻE BYĆ TO ( wolałem się upewnić ) (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 4.10.2025 - 00:03