Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JS] Funkcja obliczajaca pozycje (style.top) warstwy, Zwraca mi za kazdym razem 0 :(
parzygnat
post
Post #1





Grupa: Zarejestrowani
Postów: 155
Pomógł: 6
Dołączył: 31.12.2007
Skąd: Poznań

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

Zerknijcie na ponizszy kod, a dokladnie na funkcje JS wyswietlFooter() ktora ma obliczyc gdzie ma zostac wyswietlona ostatnia warstwa "srodekd", ma sie wyswietlac na samym dole strony a wyswietla sie na gorze, bo funkcja wyswietlFooter() zwraca 0. Pomocy.

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5. <title>Test</title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  7.  
  8. <!-- ZDEFINIOWANE STYLE CSS ---------------------------------------------------------------------------------------------------------->
  9. <style type=text/css>
  10. .tlo_glowne {
  11. 	background-image: url(http://www.stronki.webd.pl/testy/artbaron/image/tlo.jpg);
  12. }
  13. </style>
  14. <!-- KONIEC ZEFINIOWANYCH STYLÓW CSS --------------------------------------------------------------------------------------------- --> 
  15.  
  16. <!-- SKRYPTY JAVA -------- ---------------------------------------------------------------------------------------------------------->
  17. <script language="JavaScript" type="text/JavaScript">
  18.  
  19. function wyswietlFooter(){
  20. 	return (document.getElementById('srodekg').style.top) + (document.getElementById('srodekg').style.height);	
  21. }
  22.  
  23. </script>
  24. <!-- KONIEC SKRYPTÓW JAVA ---------------------------------------------------------------------------------------------------------->
  25. </head>
  26.  
  27. <body>
  28. <div id="srodek" style="position:absolute; left:50%; top:0px; width:1px; height:160px; z-index:1; visibility:visible">
  29. 	<div id="tytul" style="position:absolute; left:-440px; top:0px; width:880px; height:152px; z-index:1;" class="tlo_glowne">
  30.  
  31. 	</div>
  32. </div>
  33. <div id="srodekg" style="position:absolute; left:50%; top:162px; width:1px; height:720px; z-index:1; visibility:visible">
  34. 	<div id="okno_glowne" style="position:absolute; left:-440px; top:0px; width:880px; height:1050px; z-index:1;" class="tlo_glowne">
  35.  
  36. 	  	<div id="prawastrona" style="position:absolute; left:240px; top:0px; width:640px; height:1050px; z-index:11">
  37. 	  			</div>	
  38. 	</div>
  39. </div>
  40. <div id="srodekd" style="position:absolute; left:50%; top:wyswietlFooter()px; width:1px; height:80px; z-index:12">
  41. 	<div id="prawa" style="position:absolute; left:-440px; top:0px; width:880px; height:40px; z-index:12" class="link">
  42. 		<p align="center">
  43. 			       <a href="http://www.onet.pl">ONET</a>	
  44. 		</p>
  45. 	</div>
  46. </div>
  47. </body>
  48. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 4)
specialplan
post
Post #2





Grupa: Zarejestrowani
Postów: 206
Pomógł: 21
Dołączył: 1.09.2006
Skąd: Edinburgh

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

CODE

<div id="srodekg" style="position:absolute; left:50%; top:162px; width:1px; height:720px; z-index:1; visibility:visible">
<div id="okno_glowne" style="position:absolute; left:-440px; top:0px; width:880px; height:1050px; z-index:1;" class="tlo_glowne">

<div id="prawastrona" style="position:absolute; left:240px; top:0px; width:640px; height:1050px; z-index:11">
blabla
</div>
</div>
</div>


"blabla" wyświetla się na dole strony, pod ONET, więc chyba dobrze?questionmark.gif

Ten post edytował specialplan 17.02.2008, 15:25:56
Go to the top of the page
+Quote Post
parzygnat
post
Post #3





Grupa: Zarejestrowani
Postów: 155
Pomógł: 6
Dołączył: 31.12.2007
Skąd: Poznań

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

To wlasnie ONET ma sie wyslwetlac na samym dole strony a teraz wyslwetla sie na samej gorze
Go to the top of the page
+Quote Post
specialplan
post
Post #4





Grupa: Zarejestrowani
Postów: 206
Pomógł: 21
Dołączył: 1.09.2006
Skąd: Edinburgh

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

A może tak?smile.giftongue.gif

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5. <title>Test</title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  7.  
  8. <!-- ZDEFINIOWANE STYLE CSS ---------------------------------------------------------------------------------------------------------->
  9. <style type=text/css>
  10. .tlo_glowne {
  11. background-image: url(http://www.stronki.webd.pl/testy/artbaron/image/tlo.jpg);
  12. }
  13. </style>
  14. <!-- KONIEC ZEFINIOWANYCH STYLÓW CSS --------------------------------------------------------------------------------------------- -->
  15.  
  16. </head>
  17.  
  18. <body>
  19. <div id="srodek" style="height:160px;">
  20. <div id="tytul" style="width:880px; height:152px;" class="tlo_glowne">
  21. tytul
  22. </div>
  23. </div>
  24. <div id="srodekg">
  25. 	<div id="okno_glowne" style="width:880px;" class="tlo_glowne">
  26.  
  27. 		<div id="prawastrona" style="width:640px;">
  28. 		blabla
  29. 		</div>
  30. 	</div>
  31. </div>
  32. <div id="srodekd" style="height:80px;">
  33. <div id="prawa" style="top:0px; width:880px; height:40px;" class="link">
  34. <p align="center">
  35. <a href="http://www.onet.pl">ONET</a>
  36. </p>
  37. </div>
  38. </div>
  39. </body>
  40. </html>
[HTML] pobierz, plaintext


Tylko wysokości sobie dobierz:)

Ten post edytował specialplan 17.02.2008, 15:45:57
Go to the top of the page
+Quote Post
parzygnat
post
Post #5





Grupa: Zarejestrowani
Postów: 155
Pomógł: 6
Dołączył: 31.12.2007
Skąd: Poznań

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

Nie moge isc na latwize snitch.gif musi dzialac ta funkcja wyswietlFooter() bo to nie tylko ta stronka sie wyswietla ale ta warstwa musi sie ustawiac w roznych sytuacjach i wlasnie ta funkcja ma to robic.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 19.08.2025 - 21:00
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn