Forum PHP.pl > [JS] Funkcja obliczajaca pozycje (style.top) warstwy

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JS] Funkcja obliczajaca pozycje (style.top) warstwy

parzygnat

17.02.2008, 15:16:34

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 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
 
<!-- ZDEFINIOWANE STYLE CSS ---------------------------------------------------------------------------------------------------------->
<style type=text/css>
.tlo_glowne {
	background-image: url(http://www.stronki.webd.pl/testy/artbaron/image/tlo.jpg);
}
</style>
<!-- KONIEC ZEFINIOWANYCH STYLÓW CSS --------------------------------------------------------------------------------------------- --> 
 
<!-- SKRYPTY JAVA -------- ---------------------------------------------------------------------------------------------------------->
<script language="JavaScript" type="text/JavaScript">
 
function wyswietlFooter(){
	return (document.getElementById('srodekg').style.top) + (document.getElementById('srodekg').style.height);	
}
 
</script>
<!-- KONIEC SKRYPTÓW JAVA ---------------------------------------------------------------------------------------------------------->
</head>
 
<body>
<div id="srodek" style="position:absolute; left:50%; top:0px; width:1px; height:160px; z-index:1; visibility:visible">
	<div id="tytul" style="position:absolute; left:-440px; top:0px; width:880px; height:152px; z-index:1;" class="tlo_glowne">
 
	</div>
</div>
<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">
	  			</div>	
	</div>
</div>
<div id="srodekd" style="position:absolute; left:50%; top:wyswietlFooter()px; width:1px; height:80px; z-index:12">
	<div id="prawa" style="position:absolute; left:-440px; top:0px; width:880px; height:40px; z-index:12" class="link">
		<p align="center">
			       <a href="http://www.onet.pl">ONET</a>	
		</p>
	</div>
</div>
</body>
</html>
[HTML] pobierz, plaintext

specialplan

17.02.2008, 15:25:10

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?

parzygnat

17.02.2008, 15:34:54

To wlasnie ONET ma sie wyslwetlac na samym dole strony a teraz wyslwetla sie na samej gorze

specialplan

17.02.2008, 15:44:57

A może tak?

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
 
<!-- ZDEFINIOWANE STYLE CSS ---------------------------------------------------------------------------------------------------------->
<style type=text/css>
.tlo_glowne {
background-image: url(http://www.stronki.webd.pl/testy/artbaron/image/tlo.jpg);
}
</style>
<!-- KONIEC ZEFINIOWANYCH STYLÓW CSS --------------------------------------------------------------------------------------------- -->
 
</head>
 
<body>
<div id="srodek" style="height:160px;">
<div id="tytul" style="width:880px; height:152px;" class="tlo_glowne">
tytul
</div>
</div>
<div id="srodekg">
	<div id="okno_glowne" style="width:880px;" class="tlo_glowne">
 
		<div id="prawastrona" style="width:640px;">
		blabla
		</div>
	</div>
</div>
<div id="srodekd" style="height:80px;">
<div id="prawa" style="top:0px; width:880px; height:40px;" class="link">
<p align="center">
<a href="http://www.onet.pl">ONET</a>
</p>
</div>
</div>
</body>
</html>
[HTML] pobierz, plaintext

Tylko wysokości sobie dobierz:)

parzygnat

17.02.2008, 15:49:47

Nie moge isc na latwize

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.

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.