Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [Javascript] height kolumny
Forum PHP.pl > Forum > Przedszkole
The Night Shadow
24.01.2008, 13:18:00
W jaki sposób powinna działać funkcja (pod wszystkie przeglądarki), która zwiększy mi wartość height w stylach komórki tabeli do wartości wysokości okna, a zaraem która będzie uaktywniana za każdym razem kiedy użytkownik zmieni wielkość okna przeglądarki?
Snowak
24.01.2008, 13:38:49
Funkcja do pobierania rozmiarów strony:
[HTML] pobierz, plaintext 
  1. function GetPageSize(){
  2. var xScroll, yScroll;
  3. if (window.innerHeight && window.scrollMaxY) {   
  4. xScroll = document.body.scrollWidth;
  5. yScroll = window.innerHeight + window.scrollMaxY;
  6. } else if (document.body.scrollHeight > document.body.offsetHeight){
  7. xScroll = document.body.scrollWidth;
  8. yScroll = document.body.scrollHeight;
  9. } else { 
  10. xScroll = document.body.offsetWidth;
  11. yScroll = document.body.offsetHeight;
  12. }
  13. var windowWidth, windowHeight;
  14. if (self.innerHeight) { 
  15. windowWidth = self.innerWidth;
  16. windowHeight = self.innerHeight;
  17. } else if (document.documentElement && document.documentElement.clientHeight) {
  18. windowWidth = document.documentElement.clientWidth;
  19. windowHeight = document.documentElement.clientHeight;
  20. } else if (document.body) {
  21. windowWidth = document.body.clientWidth;
  22. windowHeight = document.body.clientHeight;
  23. }   
  24.  
  25. if(yScroll < windowHeight){
  26. pageHeight = windowHeight;
  27. } else {
  28. pageHeight = yScroll;
  29. }
  30.  
  31. if(xScroll < windowWidth){   
  32. pageWidth = windowWidth;
  33. } else {
  34. pageWidth = xScroll;
  35. }
  36. arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
  37. return arrayPageSize;
  38. }
  39.  
  40. var rozmiary = GetPageSize();
  41. var wysokosc_viewportu = rozmiary[3];
[HTML] pobierz, plaintext


Przy każdej zmianie rozmiaru okna będziesz musiał zmieniać te wysokości i wiec napisz sobie jakąś funkcję, powiedzmy frameResize, i dodaj ją do parametru body jako onload, czyli <body onload="frameResize();">

I teraz musisz tylko jeszcze przechwytywać zmianę rozmiaru okna...

[HTML] pobierz, plaintext 
  1. if (window.attachEvent){
  2. window.attachEvent('onresize', frameResize);
  3. } else if (document.addEventListener){
  4. window.addEventListener('resize', frameResize, false);
  5. } else {
  6. window.onresize = frameResize;
  7. }
[HTML] pobierz, plaintext


Mam nadzieję, że sobie poradzisz.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.