Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][jquery] Wyrównanie w pionie
Forum PHP.pl > Forum > Przedszkole
Nazir
Witam! Czy istnieje sposób na wyrównanie kolumn w pionie korzystając z biblioteki jquery ? Nie potrafię nic konkretnego na ten temat w necie znaleźć sciana.gif . Z góry dziękuję za każdą pomocną informację ! smile.gif
sowiq
http://www.nealgrosskopf.com/tech/thread.asp?pid=37

Znalezione po wpisaniu do Google: jquery vertical align

[edit]
Jeszcze prostszy sposób: http://seodenver.com/2008/09/08/simple-ver...gin-for-jquery/
Nazir
dzięki ! smile.gif

Jakoś nie potrafi mi tego wyrównać sad.gif mam stronę z 3 kolumnami w pionie. korzystałem z jquery przy zaokrąglaniu divów i pomyślałem, że może wyrównam również kolumny za pomocą tej biblioteki. Ale do konca nie wiem jak... Może jest jakiś inny (lepszy sposób). Z góry dzięki za info.
sowiq
W sposobie ze strony http://seodenver.com/2008/09/08/simple-ver...gin-for-jquery/ zamień .height(); na .attr('offsetHeight') + 'px'; To pierwsze co przychodzi mi do głowy. A jak nie, to będziesz musiał rzucić kodem.
Nazir
No i coś się stało winksmiley.jpg ale nie chodziło mi o to... Wycentrowały sie moje kolumny. A mi chodzi o to, że mam 3 kolumny lewa i prawa ma mało tresci, natomiast środkowa dużo. chciałbym by te dwie boczne wydłużyły sie do poziomu tej środkowej. MOże są jakieś inne sposoby godne uwagi ? Uparłem sie na jquery ponieważ jak wcześniej napisałem użyłem już tej biblioteki wczesniej . Przepraszam że tak zrzędzę ale dopiero zaczynam sie uczyć smile.gif Pozdrawiam exclamation.gif
sowiq
Napisałeś o wyśrodkowaniu w pionie, a nie o ustawieniu wysokości, więc dostałeś odpowiedź jak wyśrodkować w pionie.

Sprawa jest dosyć prosta.

Najpierw pobierasz sobie wszystkie wysokości:
  1. var h1 = $('#kolumna1').attr('offsetHeight');
  2. var h2 = $('#kolumna2').attr('offsetHeight');
  3. var h3 = $('#kolumna3').attr('offsetHeight');


Potem wyszukujesz największą z nich:
  1. var maxH = Math.max(h1, Math.max(h2, h3));


i ustawiasz wszystkim wysokość najwyższego elementu:
  1. $('#kolumna1').css('height', maxH + 'px');
  2. $('#kolumna2').css('height', maxH + 'px');
  3. $('#kolumna3').css('height', maxH + 'px');

Koniec.
Nazir
Dzięki exclamation.gif!! Fakt moja wina. Źle zapytałem. Ale przy okazji nauczyłem się czegoś nowego winksmiley.jpg i pewnie kiedyś wykorzystam ! Jeszcze raz dzieki exclamation.gif Pozdrawiam exclamation.gif
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.