[js] dynamiczna pozycja diva Opcje

[zibra]

Witam!

Potrzebuję stworzyć skrypt, który dynamicznie ustawi diva nad stroną w zależności od scrollowania i szerokości / wysokości okna przeglądarki.
W jaki sposób do tego podejść, tak aby stworzyć dwie funkcje obliczające odległość od górnego marginesu przeglądarki i od lewego marginesu, a następnie wartości przez nie obliczane dynamicznie podstawiane były do position: absolute; left: ... ; top: ...

[lord_t]

O właściwościach obiektu window:)
Styl można ustalić np. przez:

document.getElementById('twoje_id').style='.........';

[zibra]

Dzięki, ale dalej sobie nie radzę... spłodziłem coś takiego:

<script type="text/javascript">
function getScrollHeight()
{
var h = window.pageYOffset ||
document.body.scrollTop ||
document.documentElement.scrollTop;

return h ? h : 0;
}
document.getElementById('pokaz').style.position='absolute';
document.getElementById('pokaz').style.top=getScrollHeight() + 100;
</script>

ale nie działa i zachiwuje się tak jakby jednorazowo została ustawiona wartość, a jak odświeżać ją wraz ze scrollowaniem?
Mam jeszcze jedno pytanie. Czy tego typu rozwiązania w javie są obsługiwane przez wszystkie przeglądarki?

Z góry dzięki

[lord_t]

1. Masz już prawie 30 postów i nie wiesz, żeby kod wklejać w bbcode:>?
2. Tu masz zdarzenia do jakich możesz przypisać swoje polecenia(bo w tej chwili są wykonane tylko raz na początku): http://republika.onet.pl/13965,15341,1,06,kursy.html#15341
2a. W frameworku jquery masz coś co Ci się może przydać: zdarzenie onresize
2b. Bez powyższego to możesz zastosować funkcję setTimeout, z czasem(interwałem) np.200 która będzie sprawdzać czy rozmiar okna się zmienił.
3. Kodu głębiej nie analizowałem ale ostatnia linijka powinna wyglądać tak:

Kod

document.getElementById('pokaz').style.top=(getScrollHeight() + 100)+'px';

4.Te dwie linijki zmieniające położenie to proponuje wpisać w funkcję (ta może Ci się też przydać jeśli będziesz chciał skorzystać z tego co pisałem w 2a i 2b)

Ten post edytował lord_t 26.07.2008, 09:27:43

[zibra]

Dzięki wielkie za pomoc lord_t udało się osiągnąć oczekiwany efekt. Dla ciekawych: www.herbacin.pl/index1.php?dz=produkty - menu w lewej kolumnie.

Kod dla potomnych, oczywiście w bb code :

[HTML] pobierz, plaintext 
function getScrollHeight()
{
   var h = window.pageYOffset ||
           document.body.scrollTop ||
           document.documentElement.scrollTop;
 
   return h ? h : 0;
}
function pageWidthf(){
	var windowWidth;
	if (self.innerWidth) {
		windowWidth = self.innerWidth;
	} else if (document.documentElement && document.documentElement.clientWidth) {
		windowWidth = document.documentElement.clientWidth;
	} else if (document.body) {
		windowWidth = document.body.clientWidth;
	}	
	return windowWidth;
}
function changePosition(){
	var roznica;
	if(navigator.appName == "Microsoft Internet Explorer"){
		roznica = 428;
	}else{
		roznica = 437;
	}
	document.getElementById('menudiv').style.position='absolute';
	if(getScrollHeight() > 230){
		document.getElementById('menudiv').style.top=(getScrollHeight() + 35) + 'px';
	}else{
		document.getElementById('menudiv').style.top=265 + 'px';
	}
	document.getElementById('menudiv').style.left=(pageWidthf()/2 - roznica) + 'px';
}
setInterval("changePosition();", 10);
[HTML] pobierz, plaintext