Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Ukrywanie warstw DIVy
Spyder
post 28.05.2007, 17:23:35
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


--------------------
Portfolio

Windows Vista Business SP1
DELL VOSTRO 200, Intel Core2 DUO E4600 2.4GHz, 3 GB RAM, ATI Radeon HD 2400 Pro, Screen DELL 22"

Pomogłem ci -> Kliknij "Pomógł" -> Dzięki
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
nospor
post 28.05.2007, 17:51:52
Post #2





Grupa: Moderatorzy
Postów: 36 557
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>


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
Spyder
post 28.05.2007, 18:05:13
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ć ) winksmiley.jpg


--------------------
Portfolio

Windows Vista Business SP1
DELL VOSTRO 200, Intel Core2 DUO E4600 2.4GHz, 3 GB RAM, ATI Radeon HD 2400 Pro, Screen DELL 22"

Pomogłem ci -> Kliknij "Pomógł" -> Dzięki
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 14:47