Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Problem z rozsuwaniem divów
Forum PHP.pl > Forum > Przedszkole
andrzej7322
Witam,
Napisałem skrypt który mi ustawia wysokosć divów zależnie od najwiekszego diva
  1. function setHeight(divA, divB, divC, divD)
  2. {
  3. var heightA = document.getElementById(divA).offsetHeight;
  4. var heightB = document.getElementById(divB).offsetHeight;
  5. var heightC = document.getElementById(divC).offsetHeight;
  6. var heightD = document.getElementById(divD).offsetHeight;
  7. var heightCm = heightC + heightD;
  8. var height = 0;
  9.  
  10. if (heightA >= heightB && heightA >= heightCm){
  11. height = heightA;
  12. height2 = heightA-heightD;
  13. }
  14. else if (heightB >= heightA && heightB >= heightCm){
  15. height = heightB;
  16. height2 = heightB-heightD;
  17. }
  18. else if (heightCm >= heightB && heightCm >= heightA){
  19. height = heightCm;
  20. height2 = heightC;
  21. }
  22. document.getElementById(divA).style.height = height +'px';
  23. document.getElementById(divB).style.height = height +'px';
  24. document.getElementById(divC).style.height = height2 + 'px';
  25. }

no i ten skrypt działał ale moj divD jest ruchomy i to psuje mi całą konstrukcje.
Divy sie rozsuwają ale wysokość diva D nie jest automatycznie po zmianie przekazywana do skryptu javascript.
Z góry dziękuję za pomoc.
erix
A nie lepiej zainteresować się display: table-cell...?
andrzej7322
muszę użyć javascript bo ten ruchomy div dziala bez przeładowań na ajaxie i on sie zwieksza kiedy dodajemy do niego produkty i zmiejsza kiedy usuwamy i chodzi o to aby po kazdym zwiekszeniu czy zmiejszeniu wysylal swoja wysokosc do tego skryptu java bo po odświezeniu strony wszystko dobrze dziala.

Odświeżam

Odświeżam
nospor
Cytat
Odświeżam

Cytat
Odświeżam

zamykam smile.gif

Będziesz teraz miał czas pomyśleć nad tym, że tak nagminnie nie należy odświeżać na forum szczególnie w okresie kilku godzin.
Za jakiś czas zgłoś się do jakiegoś aktywnego moderatora o otwarcie tematu. Tylko tym razem czekaj cierpliwie.

edit: otwieram
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.